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

.sub_2{width: 100%;}

.sub_2_section_1{width: 1192px; margin: 100px auto 555px; position: relative; height: 622px;}
.s2_side_menu{width:202px; background-color: #36c; position: absolute}
.s2_side_menu h3{background-color: #36c; color: #fff; height: 65px; text-align: center; line-height: 65px}

.s2_side_list{line-height: 65px; text-align: center;font-size: 24px; }
.s2_side_list > li{background-color: #e5e5e5; line-height: 65px;border-bottom: 1px solid #fff}
.s2_side_list > li > a{color: #36c; font-weight: 700; text-decoration: none; }

.s2_side_deth{line-height: 65px; background-color: #fff; display: none}
.s2_side_deth > li{background-color: #fff; height: 50px; line-height: 50px; border-top: 1px solid #e5e5e5; font-size: 18px; text-align: left; background: url(../images/btn_dot.png) no-repeat 20px 22px; padding-left: 40px}
.s2_side_deth > li > a{color: #222;}

.s2_side_list .on{background-color: #36c; color: #fff;}
.s2_side_list .on > a{color: #fff;}
.s2_side_list .on > ul{border: 5px solid #36c; border-top: none; display: block}
.s2_side_list .on .on2{color: #6eb23d; font-weight: 700}

.gallery{width: 970px; position: absolute; right: 0; top: 0; padding-bottom: 40px;}
.gallery_top{}

.gallery_intro{width: 970px; height: 20px;}
.gallery_intro ul{}
.gallery_intro ul li{float:left; padding-left: 12px; background: url(../images/btn_sub_tri.png) no-repeat 5px 8px} 
.gallery_intro ul li:first-child{background: none; padding-left: 0;}
.gallery_intro ul li a{font-size: 12px}
.gallery_intro ul li a strong{color: #6eb23d;}

.gallery_title{margin-top: 10px;position: relative}
.gallery_title h4{color: #222; height: 30px; width: 164px; font-size: 30px; font-weight: 700;border-bottom: 5px solid #6eb23d; padding-bottom: 5px;}
.gallery_title span{position: absolute; top: 0; left: 164px; font-size: 30px; background: url(../images/gallery_top_bar.png) no-repeat 20px 2px; padding-left: 40px;}


.gallery_search input{width: 273px; height: 30px; background: url(../images/btn_search.png) no-repeat 250px 5px; position: absolute; right:0; top: 30px}
.gallery_search input[type="text"]{border: 5px solid #36c;}

.gallery_main{width: 970px; border-top: 2px solid #36c; margin-top: 20px; box-sizing: border-box; height: 480px}
.gallery_main_top{width: 970px; height: 40px; font-size: 18px; line-height: 40px; border-bottom: 2px solid #36c}
.gallery_main_top .shr{margin-left: 20px; color: #36c}
.gallery_main_top .cor{position: absolute; right: 70px; color: #36c}
.gallery_main_top .del{position: absolute; right: 20px; color: #36c}

.gallery_photo{width: 970px; height: 969px; border-bottom: 2px solid #36c;}
.gallery_photo ul{width: 930px; margin: 33px 20px;}
.gallery_photo ul li{float: left; width: 288px; margin: 0 0 33px 33px; position: relative}
.gallery_photo ul li:first-child{margin-left: 0}
.gallery_photo ul li a{font-size: 18px; color: #222; font-weight: 700}
.gallery_photo ul li a span{position: absolute; bottom: 0; left: 0; background: url(../images/gallery_photo_bg.png) no-repeat 0 0; width: 288px; height: 48px; line-height: 48px; padding-left: 11px;}

.sub_2_section_2{width: 100%; position: relative;}
.s2_page{width: 606px; margin: 0 auto; }
.s2_page li{float: left; width: 30px; height: 30px; margin-left: 42px; background: url(../images/page_bg_off.png) no-repeat 0 0; text-align: center; line-height: 30px;}
.s2_page li:first-child{margin-left: 0}
.s2_page .on{background: url(../images/page_bg_on.png) no-repeat 0 0;}
.s2_page li a{color: #fff}