@charset "utf-8";
@import url(reset.css);
@import url(header.css);
@import url(footer.css);

.container{width:100%; margin: 0 auto; background: url(../images/bg_container_5.jpg) repeat-x;}

.section_1{width: 1192px; margin: 0 auto}

.section_1 h3{padding: 20px 0; text-align: center; width: 1192px}
.section_1 h3 input[type="text"]{width: 626px; height: 40px; border: 5px solid #36c; box-sizing: border-box; background: url(../images/btn_search.png) no-repeat 591px 5px; background-color:#fff;}

.section_1 .main_banner{width:1192px; height: 360px;position: relative; overflow: hidden}
.main_banner .main_banner_list{width: 5960px;position: absolute; top:0; left:0;}
.main_banner .main_banner_list li{float: left;}
.main_banner .main_banner_list li a img{width: 1192px; height: 360px}

.main_banner_arw span{position: absolute; top: 50%; margin-top: -48px; z-index: 1}
.main_banner_arw .main_prev{left: 20px;}
.main_banner_arw .main_next{right: 20px;}

.main_banner_num{position: absolute; bottom: 15px; left: 470px; text-align: center; width: 280px}
.main_banner_num li{float: left; width: 27px; height: 26px; padding-right: 13px; background: url(../images/btn_off.png) no-repeat 0 0}
.main_banner_num li > a{width:27px; height:26px; position: absolute; margin-left:-15px}
.main_banner_num .play{background: url(../images/btn_play.png) no-repeat 0 0}
.main_banner_num .on{background: url(../images/btn_on.png) no-repeat 0 0}
.main_banner_num .stop{background: url(../images/btn_stop.png) no-repeat 0 0}
.main_banner_num li > span{font-size: 0; text-indent: -9999px}
.main_banner_num li > a > span{font-size: 0; text-indent: -9999px}

.service{width:1150px; height: 256px; margin: 0 auto; position: relative}
.service h4{text-align: center; padding-top: 40px;font-weight: 700}

.service .service_list{width: 1150px; margin: 20px 0;}
.service .service_list li{float: left; width:114px;text-align: center; margin-left: 34px; background: url(../images/bg_icon_green.png) no-repeat 4px 0;}
.service .service_list li:hover{background: url(../images/bg_icon_gray.png) no-repeat 4px 0}
.service .service_list li:first-child{margin:0}
.service .service_list li a{color: #fff}
.service .service_list li a > img{padding-bottom: 10px}

.section_2{width: 1192px; margin: 0 auto; }
.section_2 .notice{height: 384px; position: relative;}
.notice .notice_1{width: 384px; height: 384px;overflow: hidden; position: relative}
.notice .notice_1 h4{width: 120px; height: 30px; background: url(../images/notice_h4.png) no-repeat 0 0; position: absolute; z-index: 1; margin: 18px 0 0 131px; }
.notice .notice_1 h4 > span{font-size: 0; text-indent: -9999px}

.notice1_list{width: 1920px; position: relative;}
.notice1_list li{float:left; width:384px;height: 384px; position: relative}
.notice1_list li a{}
.notice1_list li a img{width:384px;height: 384px}
.notice1_list li a span{float: left; color: #333; width: 384px; height: 100px; z-index: 1; padding: 20px; box-sizing: border-box; position: absolute; bottom: 0; right: 0; padding: 20px 0 0 23px}

.notice1_arw span{position: absolute; top: 50%; margin-top: -48px; z-index: 1}
.notice1_arw .notice_prev{left: 20px;}
.notice1_arw .notice_next{right: 20px;}

.notice1_textbg{position: absolute; width: 384px; height: 99px; background: url(../images/notice_banner_textzone.png) no-repeat 0 0; bottom: 0; left: 0}
.notice1_num{position: absolute; bottom: 15px; left: 64px; text-align: center}
.notice1_num li{float: left; width: 27px; height: 26px; padding-right: 13px; background: url(../images/btn_off.png) no-repeat 0 0}
.notice1_num li > a{width:27px; height:26px; position: absolute; margin-left:-15px}
.notice1_num .play{background: url(../images/btn_play.png) no-repeat 0 0}
.notice1_num .on{background: url(../images/btn_on.png) no-repeat 0 0}
.notice1_num .stop{background: url(../images/btn_stop.png) no-repeat 0 0}
.notice1_num li > span{font-size: 0; text-indent: -9999px}
.notice1_num li > a > span{font-size: 0; text-indent: -9999px}


.notice_2{border: 5px solid #36c; background-color: #fff; position: absolute; width: 778px; height: 374px; top:0; right:0}
.notice_box{width: 741px; height: 332px; margin-top: 24px}
.notice_box > li{float: left; padding-left:56px; background: url(../images/btn_bar.png) no-repeat 25px -2px;}
.notice_box > li:first-child{padding-left: 25px; background: none}
.notice_box .more{position: absolute; right: 20px; top: 20px}

.notice_list{position: absolute; top:60px; left: 20px; width: 733px}
.notice_list > li{line-height: 40px; background: url(../images/btn_dot.png) no-repeat 8px 16px; border-top: 1px solid #666; padding-left: 24px}
.notice_list > li:first-child{border: none; margin-bottom: 105px}
.notice_list > li:hover{display: block}
.notice_list .on{position: absolute; width:693px; height: 105px;line-height: 30px; word-spacing: -1px; top:42px; left:20px;}
.notice_list > li:hover{display: block}
.notice_list.none{display: none}
.notice_list .none{display: none}


.section_3{width: 1192px; margin: 0 auto; position: relative}
.photo_news{width: 1192px;}
.photo_news h4{text-align: center; padding-top: 40px; font-weight: 700;}
.photo_news h4 a{color: #36c;}
.photo_news h4 a:hover{text-decoration: none}

.photo_zone{width: 1030px; height: 346px; margin-left: 80px; overflow: hidden; position: relative}
.photo_list{height: 346px; padding-top: 20px; width: 1750px ; }
.photo_list li{float: left; width: 323px;height: 346px;margin-left:27px;}
.photo_list li:first-child{margin-left: 0;}
.photo_list li a{}
.photo_list li a img{width:326px; height:330px;}
.photo_list li a span{width: 326px; height: 60px; background: url(../images/photo_list_bg.png) no-repeat 0 0; position: absolute; bottom: 0; padding: 20px; box-sizing: border-box; font-weight: 700}

.photo_arw {position:absolute; top: 195px; left:0px; width: 1192px}
.photo_arw .btn_prev{background: url(../images/banner_prev.png) no-repeat 0 0;}
.photo_arw .btn_next{background: url(../images/banner_next.png) no-repeat 0 0;}
.photo_arw a{width:54px; height:97px; position: absolute; top:0; right:0;}
.photo_arw a:first-child{position: absolute; top:0; left:0}
.photo_arw a span{font-size: 0; text-indent: -9999px}

.section_4{}
.health{width:1192px; margin: 0 auto; position: relative}
.health h4{text-align: center; height: 23px; margin: 40px 0 21px 0; color:#36c}
.health h4 a{color:#36c}
.health h4 a:hover{text-decoration: none}
.health_box{float: left; width:788px; height:183px; background-color: #fff;border: 5px solid #36c; box-sizing: border-box;position: relative}
.health_box a{width:177px;}
.health_list{width:600px; height: 183px ; position: absolute;display: inline-block; box-sizing: border-box; margin-left: 35px;}
.health_list li{float: left; width: 107px; height: 106px;/* margin :17px 34px 0 0; */text-align: center;  background: url(../images/bg_icon_gray.png) no-repeat 0 0; margin: 17px 35px 17px 0}
.health_list li:hover{background: url(../images/bg_icon_green.png) no-repeat 0 0;}
.health_list li > a > img{padding-bottom:15px }
.health span{position: absolute; right:0;}