@charset "utf-8";
/* CSS Document */
.none { display:none;}

body { background:url(/image/bg.jpg) no-repeat center top; background-size:contain; height:100%;}
html {height:100%;}

#header { position:relative;}
.mgnbbg {width:250px; height:100%; position:fixed; top:0; left:-300px; z-index:999999;overflow-y:auto;overflow-x:hidden} 
.mgnb {position:absolute; top:0; left:0; width:100%; height:100%; background:#fff; z-index:100;}
.mgnbwrap .head{text-align:center}
.mgnb .mgnbwrap .head { background:#3e67b1; width:100%; position:relative;padding-bottom:20px;border-top:3px solid #113577;border-bottom:1px solid #113577}
.mgnb .mgnbwrap .head .headlogo { padding:20px 0 0 10px;width:70%}
.mgnb .mgnbwrap .head a { position:absolute; top:25px; right:10px;}
.mbtn { width:100%; overflow:auto; padding:3px 0; background:#fff;}
.mbtn li { float:left; margin-left:3px;width:33%; border:1px solid #ccc;font-weight:600;}
.mbtn li a {display:block; padding:15px 0}
.mbtn li.mbtn01 {background:url(/image/btn_logout.gif) no-repeat 10px 36%; display:block; color:#666;font-size:16px;padding-left:15%}
.mbtn li.mbtn02 {background:url(/image/btn_modi.gif) no-repeat 10px 45%; display:block; color:#666; font-size:16px;padding-left:15%}

.mgnb .motab {width:100%;overflow:hidden;position:relative}
.mgnb .motab>li {width:50%; float:left; color:#000; font-size:16px; background:#fff; text-align:center;font-weight:600;border-left:1px solid #666;margin-left:-1px;border-bottom:1px solid #666}
.mgnb .motab li.on {background:url(/image/m_tab_bg.png);border-top:1px solid #666;border-bottom:none !important}
.mgnb .motab li a {display:block;padding:10px 0;}

.mgnb .molist{display:none}
.mgnb .active {display:block;}
.mgnb .molist>li .ct_op{display:inline-block;text-indent:-999px;background:url(/image/bt_cate.png) no-repeat 210px center;height:51px; width:100%;position:absolute;top:0;right:0;border:none}
.mgnb .molist>li {position:relative; border-bottom:1px solid #cdcdcd;width:100%}
.mgnb .molist>li .ct_cl{background-position:-100px center}
.mgnb .molist>li a {display:block; font-size:16px; color:#424242; padding-left:45px; font-weight:600; padding:15px 0 15px 20px; width:100%;background:#dee8fb;text-align:left;}
.mgnb .molist>ul { background:#fff; overflow:hidden;}
.mgnb .molist>ul li {border-bottom:1px dotted #ddd; font-size:14px; color:#424242;background:url(/image/btn_list.gif) no-repeat 25px center;}
.mgnb .molist>ul li.selected a{color:#124eba;}
.mgnb .molist>ul li:last-child {border-bottom:0;}
.mgnb .molist>ul li a {padding:8px 10px 8px 50px; display:block;}
.mgnb .molist>ul li a:hover {color:#124eba;}

.mgnb .copy{font-size:12px;background:#333;color:#ccc;padding:10px}
.mgnb .copy .footcol a:link{color:#999}

#header .headin .headarea { max-width:1000px; margin:0 auto; position:relative; height:70px;}
#header .headin #logo { padding:27px 0 0 2px;}
#header .headin .headarea .toplink { position:absolute; top:30px; right:0; font-size:12px; color:#666;}
#header .headin .headarea .toplink li {float:left; background:url(/image/dot.gif) no-repeat 9px 50%; padding-left:17px; }

#header .headin #gnb { margin:0 auto; max-width:1000px;background:#3e67b1; height:50px;}
#header .headin #gnb > ul {text-align:center; background:#3e67b1; height:50px;}
#header .headin #gnb > ul > li { float:left;padding-top:15px; margin-left:87px; position:relative;height:50px}
#header .headin #gnb > ul > li a { color:#fff;}


#header .headin #gnb .subList {position:absolute; top:50px; left:-45px;background:#80a1dc;min-width:150px;z-index:99; padding:8px 15px 10px;}
#header .headin #gnb .subList li {font-size:13px; line-height:28px;text-align:left;}
#header .headin #gnb .subList li a {display:block}


#header .headin #gnb .subList li a, #header .headin #gnb .subList li a:link { color:#fff}
#header .headin #gnb .subList li a:hover, #header .headin #gnb .subList li a:focus {font-weight:bold;color:#ff0;}

#container .main_slide { margin:10px auto; max-width:1000px; display:block;position:relative;min-width:320px;height:450px}
#container .main_slide .slidein { margin:0 auto; max-height:450px;}
#container .main_slide .slidein p img { max-height:450px;}
#container .main_slide .slidein .blt { position:absolute; bottom:2%; left:50%; margin-left:-100px;}
#container .main_slide .slidein .blt li { float:left; margin-right:12px;}
#container .main_slide .slidein .blt li.blt_play { padding-left:50px;}

#container .main_slide .ctr_prev{ position:absolute; top:45%; left:0;}
#container .main_slide .ctr_next { position:absolute; top:45%; right:0;}

#container .main_con {margin:0 auto; max-width:1000px; overflow:hidden;}
.section01 { overflow:hidden; width:100%; }
.section01 .a1 { float:left; width:25%; height:250px; background:url(/image/secimg01.jpg) #013157 no-repeat right bottom;}
.section01 .a1 h3 { font-size:24px; color:#fff; padding:20px 0 20px 20px;}
.section01 .a1 ul li.ali1 {font-size:16px; color:#7cd2ff; padding:0 0px 7px 20px;}
.section01 .a1 ul li.ali2 { font-size:12px; color:#fff; padding:0 0 20px 20px;}
.section01 .a1 ul li.ali3 { font-size:12px; color:#d9d9d9; padding-left:20px;}
.section01 .a1 ul.list_wrap { width:90%; margin:0 auto; padding-top:38px;}
.section01 .a1 ul.list_wrap li {float:left; margin:1%; width:31%;}

.section01 .a2 { float:right; width:25%;  height:250px; overflow:hidden;}
.section01 .a2 ul li { float:left;}
.section01 .a2 ul li a { display:block; color:#fff; text-align:center; padding-top:92px;}
.section01 .a2 ul li.btn01 { width:50%; height:125px; background:url(/image/btn01.png) #fc5e5d no-repeat 50% 38%;}
.section01 .a2 ul li.btn02 { width:50%; height:125px; background:url(/image/btn02.png) #fdb803 no-repeat 50% 38%;}
.section01 .a2 ul li.btn03 { width:50%; height:125px; background:url(/image/btn03.png) #91a3d2 no-repeat 50% 38%;}
.section01 .a2 ul li.btn04 { width:50%; height:125px; background:url(/image/btn04.png) #0adfbf no-repeat 50% 38%;}

.section01 .a3 { float:left; width:50%; height:250px;}
.section01 .a3 .tab {position:relative; overflow:hidden; min-height:250px; }
.section01 .a3 .tab1 { background:#eee;}
.section01 .a3 .tab1>ul {font-size:18px; overflow:hidden; height:50px; text-align:center; background:#dedede;}
.section01 .a3 .tab1>ul>li {width:32%;float:left;height:39px; margin-top:1px;  font-weight:bold; padding-top:12px; }
.section01 .a3 .tab1>ul>li a {display:block;color:#6f6f6f; height:39px;}
.section01 .a3 .tab1>ul>li.on { background:#eee; font-weight:bold;}
.section01 .a3 .tab1>ul>li.on a {display:block; color:#414040;height:39px;} 
.section01 .a3 .tab .tabList {display:none;position:absolute; left:0; top:60px; width:100%;}
.section01 .a3 .tab .tabList.active {display:block;}
.section01 .a3 .tab .tabList ul { padding:5px 30px; font-size:14px; color:#666666;text-align:left}
.section01 .a3 .tab .tabList ul li {overflow:hidden;background:url(/image/boarddot.gif) no-repeat 0 center; padding-left:10px;height:18px;margin-bottom:10px}
.section01 .a3 .tab .tabList ul li a { display:inline-block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:65%; font-size:14px; color:#666;}
.section01 .a3 .tab .tabList ul li span { float:right;}
.tabList .more { position:absolute;top:-45px; right:10px;}

.more { position:absolute;top:16px; right:10px;}

.section02 .b1 { width:25%; height:250px; float:left; background:url(/image/secimg02.jpg) no-repeat; background-position:center; background-size:cover;}
.section02 h3 { font-size:20px; color:#eaff00; padding:20px 0 17px 20px;}
.section02 ul li.bli1 {font-size:12px; color:#fff; padding:0 0px 20px 20px;}
.section02 ul li.bli2 {padding:0 0px 0px 20px;}

.slidewrap{width:210px;margin:0 auto;}
.slidewrap li{width:100%;padding:0;margin:0}

.section02 .b2 { width:25%; height:250px; float:left; background:url(/image/secimg03.jpg) no-repeat; background-position:center; background-size:cover;} 
.section02 .b3 { width:25%; height:250px; float:left; background:#4eb13e; position:relative;}
.section02 .mphoto { display:block; position:relative; width:210px; height:140px;margin:0 auto;}
.section02 .mphoto img { width:100%; }
.section02 .b3 .mphoto .mover { display:none; color:#fff; text-align:center;}
.section02 .b3 .mphoto .mover p {text-decoration:none; color:#fff;  padding-left:10px; color:#c6ffbd; font-size:12px; }
.section02 .b3 .mphoto .mover p.mop01 { color:#fff; font-size:14px;padding-top:50px; text-overflow:ellipsis; white-space:nowrap; width:90%; overflow:hidden;}
.section02 .b3 .mphoto:hover .mover  { position:absolute; left:0px; top:0px; display:block; width:210px; height:140px; background:url(/image/bbg.png) repeat-x;}


.section02 .b4 { width:25%; height:250px; float:left; background:#0f92de; position:relative;}
.section02 .b4 .mphoto .mover { display:none; color:#fff; text-align:center;}
.section02 .b4 .mphoto .mover p {text-decoration:none; color:#fff;  padding-left:10px; color:#c6ffbd; font-size:12px; }
.section02 .b4 .mphoto .mover p.mop01 { color:#fff; font-size:14px;padding-top:50px; text-overflow:ellipsis; white-space:nowrap; width:90%; overflow:hidden;}
.section02 .b4 .mphoto:hover .mover  { position:absolute; left:0px; top:0px; display:block; width:210px; height:140px; background:url(/image/bbg.png) repeat-x;}

.main_banner {width:100%; height:60px; margin:20px 0; }
.main_banner .bannerList { width:100%; margin:0 auto; height:60px; position:relative;}
.main_banner .bannerList .bannerListwrap {position:relative; max-width:970px; margin:0 auto;  height:60px;overflow:hidden; padding:0 25px;}
.main_banner .bannerList .bannerListwrap ul { overflow:hidden; margin:0 auto;}
.main_banner .bannerList .bannerListwrap ul li { float:left; margin-right:10px; }
.main_banner .bannerList .bannerListwrap ul li:last-child { margin-right:0;}
.main_banner .bannerList .bannerListwrap .bannerbtn .prev {display:block; position:absolute; top:40%; left:8px; background:url(/image/btn_prev.gif) no-repeat; width:7px; height:13px;}
.main_banner .bannerList .bannerListwrap .bannerbtn .next {display:block; position:absolute; top:40%; right:10px; background:url(/image/btn_next.gif) no-repeat; width:7px; height:13px;}

#footer {width:100%; background:#ccc; overflow:hidden;padding-bottom:30px; }
#footer .footIn {max-width:1000px; overflow:hidden; margin:0 auto; position:relative;padding:0 20px 10px 20px}
#footer .footIn .logo {float:left; padding-top:35px; width:225px;}
#footer .footIn address { float:left; color:#666; font-size:12px; padding-top:18px;}
#footer .footIn address .footcol>a { color:#999;}
#footer .footIn>a { position:absolute; top:30px; right:10px;}

/*sub*/
#container .subvisual { width:1000px; margin:0 auto; padding:30px 0; max-height:300px;}
#container .subvisual p img {max-height:300px;}
#container .contents {width:1000px; margin:0 auto;}
#container .contents .lnb {float:left; width:250px;}
#container .contents .lnb h3 {height:45px; padding-top:25px; background:url(/image/sublnbg.gif) no-repeat; font-size:24px; color:#fff; text-align:center;}
#container .contents .lnb>ul {border-left:1px solid #dddddd;border-right:1px solid #dddddd;border-bottom:1px solid #dddddd;}
#container .contents .lnb>ul>li { border-top:1px solid #ddd; }
#container .contents .lnb>ul>li span {float:right; padding-right:10px; font-size:8px;}
#container .contents .lnb>ul>li>a {display:block; padding:10px}
#container .contents .lnb>ul>li ul {display:none}
#container .contents .lnb>ul>li ul li{font-size:14px; }
#container .contents .lnb>ul>li ul li a {padding:5px 0 5px 20px; display:block}
#container .contents .lnb>ul>li ul li:hover {font-weight:bold}
#container .contents .lnb>ul>li ul li a.on {font-weight:bold}
#container .contents .lnb>ul>li>a.on {color:#3456a8; font-weight:bold;background:#e0ecfa; display:block}
#container .contents .lnb>ul>li>a.on span {color:#97afd8;}

#container .contents .lnb .aside {border:1px solid #acb9cd; margin-top:10px; padding:15px 10px; background:url(/image/bgaside.jpg) no-repeat; display:block; width:228px; height:167px;}
#container .contents .lnb .aside h4 {color:#3456a8; font-size:20px;}
#container .contents .lnb .aside>ul {margin-top:10px;}
#container .contents .lnb .aside>ul>li {color:#606060; font-size:12px; line-height:15px;}
#container .contents .lnb .aside>ul>li:first-child  {color:#3456a8; font-weight:bold;}

#container .contents .contin { float:right; width:730px; border:1px solid #dddddd;}
#container .contents .contin .title {border-bottom:1px solid #ddd;padding:20px; overflow:hidden;}
#container .contents .contin .title h3 {color:#3e67b1; font-size:23px;  float:left;}
#container .contents .contin .title .location { float:right; font-size:12px; color:#666;}
#container .contents .contin .title .location a:first-child {background:none;}
#container .contents .contin .subIn {padding:25px 20px;}
#container .contents .contin .subIn h3 {font-size:25px;color:#3456a8; font-weight:normal; padding:30px 0; line-height:28px;}
#container .contents .contin .subIn p {font-size:13px;}

.wrap_bg{width:100%;height:100%;position:fixed;display:none;z-index:99999;background:#000;filter:alpha(opacity=80);opacity:0.8;}
.m_close {cursor:pointer;position:absolute;top:10px;left:260px;width:30px;height:30px;background:url(/image/bt_close.png);text-indent:-99999px;z-index:999999;display:none;}
.newclass{position:fixed;}
.oldclass{position:relative;}
.cate_tab{width:100%;border-top:2px solid #0072bc;border-left:none !important}
.cate_tab:after{display:block;visibility:hidden;clear:both;content:""}
.cate_tab li{float:left;width:33.3%;font-size:14px}
.cate_tab li a{display:block;height:30px;line-height:30px;color:#333;background:#eaf3ff;border:1px solid #ccc;border-left:none;text-align:center}
.cate_tab li a.ct_tab_sl{background:#fff;border-bottom-color:#fff;color:#545454}

.block{border-top:1px solid #fff}
.block:after {display:block;visibility:hidden;clear:both;content:""}
.block .half{float:left;width:50%;padding:17px 0 17px;text-align:center}
.block .half2{float:left;margin-left:-1px;border-left:1px solid #fff;width:50%;padding:17px 0 17px;text-align:center}
.block .half img, .block .half2 img{}
.block .half a, .block .half2 a{color:#fff}

.info{background:#d2e5ff;text-align:center;padding:30px 0 25px;color:#999;position:relative}
.tel{display:block;}
.tel img{display:inline-block;margin:-8px 0 0}
.tel a{font-size:30px !important;color:#000 !important;font-weight:600}
.color1{background:#fd5f5e}
.color2{background:#fdb803}
.color3{background:#91a3d1}
.color4{background:#0adfbf}

.sub_cate{display:none}
.sub_cate > li{position:relative}
.sub_cate > li > a{border-top:1px solid #cdcdcd;background:#efefef !important;display:block;font-size:14px !important;padding:8px 0 8px 30px !important;}

.ct_op2{display:inline-block;text-indent:-999px;background:url(/image/bt_cate_s.png) no-repeat 267px center;height:38px; width:100%;position:absolute;top:0;right:0;border:none}
.ct_cl2{background-position:-50px center}

.sub_cate2{display:none}
.sub_cate2 > li > a{border-top:1px solid #cdcdcd;background:#fff !important;display:block;font-size:12px !important;padding:4px 0 4px 45px !important}
.point{color:#ff0 !important;}



.mover p.mop01 a {color:#fff}
.slidewrap .bx-wrapper .bx-pager {bottom:-37px !important;}
.main_banner .bx-wrapper .bx-prev{background:url("/image/controls3.png") no-repeat 0px -97px; left:-24px}
.main_banner .bx-wrapper .bx-next{background:url("/image/controls3.png") no-repeat -47px -97px; right:-24px}


@media only screen and (max-width: 640px){
.main_banner .bx-wrapper .bx-controls-direction a {height:82px !important; top:14% }
}

@media only screen and (max-width:999px) {
body {background:none;}
#header .headin .headarea  {border-bottom:5px solid #3e67b1;}
#header .headin #logo {text-align:center; padding-top:25px;}
.toplink { display:none;}

#gnb { display:none;}
.menu { display:block; position:absolute; top:27px; left:15px;}
.main_banner .bannerList .bannerListwrap {max-width:720px;}

#container .subvisual {display:none;}
#container .contents {width:100%; }
#container .contents .lnb {display:none;}
#container .contents .contin { width:100%;}

#container .contents .contin .title {background:#3e67b1; overflow:hidden; height:auto;}
#container .contents .contin .title h3 { color:#fff;}
#container .contents .contin .title .location {}
#container .contents .contin .title .location a{color:#fff;}
#container .contents .contin {border:0;}
.sermon dl {float:left; width:58%!important;}
}
@media only screen and (max-width:910px) {
.mgnb .mgnbwrap .mbtn li.mbtn01 {background:url(/image/btn_login.gif) no-repeat 24% 36%;}
.mgnb .mgnbwrap .mbtn li.mbtn02 {background:url(/image/btn_modi.gif) no-repeat 24% 45%; }
#container .main_slide{height:auto}
}
@media only screen and (max-width:861px) {
.section01 { overflow:hidden; width:100%;}
.section01 .a1 { float:left; width:50%; height:250px;}
.section01 .a2 { float:left; width:50%;  height:250px; background:orange; }
.section01 .a3 { float:left; width:100%;  height:250px;background:#00FF00;}	


.section02 .b1 { width:50%;}
.section02 .b2 { width:50%;}
.section02 .b3 { width:50%;}
.section02 .b3 .mphoto img { width:100%;}
.section02 .b4 { width:50%;}


}
@media only screen and (max-width:790px) {
.main_banner .bannerList .bannerListwrap {max-width:480px;}
#footer .footIn address {clear:both;}
}
@media only screen and (max-width:550px) {
.main_banner .bannerList .bannerListwrap {max-width:230px;}
.mgnb .mgnbwrap .mbtn li.mbtn01 {background:none;}
.mgnb .mgnbwrap .mbtn li.mbtn02 {background:none; }
}

@media only screen and (max-width:480px) {
#container .main_slide .ctr_prev img {width:28px; height:50px;}
#container .main_slide .ctr_next img {width:28px; height:50px;}
#container .main_slide .slidein .blt {left:50%; margin-left:-76px;}
#container .main_slide .slidein .blt li.blt_play {padding-left:0;}


}

@media only screen and (max-width:450px) {
.section01 .a1 {clear:both; width:100%;}	
.section01 .a2 {clear:both; width:100%;}	
.section01 .a3 {clear:both; width:100%;}
.section02 .b1 { width:100%;}
.section02 .b2 { width:100%;}
.section02 .b3 { width:100%;}
.section02 .b4 { width:100%;}	
.mgnb .mgnbwrap .head a {top:35px;}
.mgnb .mgnbwrap .head a img {width:50%;}

}
@media only screen and (max-width:320px) {
}