.h50{height:50px}
.home{  width: 100%; padding-bottom: 50px;}
.main{width:72.3%;margin:0 auto}
.content .main .cp_list{padding:7px 4px 2px 4px}
.content{margin:0  auto;padding:5px;line-height:36px;font-size:14px;clear:both; }
.content html{line-height:36px;font-size:14px;}
.content a{color:#008080}
.content img{max-width:95%;margin:0 auto}
.imgbox{overflow:hidden;width:95%;overflow:hidden;margin:0 auto;text-align:center}
.imgbox a{display:block}
.imgbox a img{width:auto}
.imgboxtitle{WIDTH:100%;overflow:hidden;display:block;height:25px;line-height:25px}
.imgboxtitle{WIDTH:100%;overflow:hidden;display:block;height:25px;line-height:25px;margin-top:10px;padding-bottom:20px}
.pagetitle{ position: relative; clear: both; margin-top: 30px; text-align: center; color: #0096BC; padding-top: 50px;}
.bigimg{text-align: center;}
.bigimg img{max-width: 100%}
.news{width:100%;height:auto;padding-bottom:67px}
.news ul{margin-top:0px}
.news ul li{width:45%;float:left;height:100px;line-height:26px; float: left; margin: 20px 30px; border: 1px dotted #E0E0E0}
.news ul li .newsday{width:127px;color:#00BBFF;float:left;font-size:15px;background:url(../images/new3.jpg) center right no-repeat;margin-top:25px;text-align:center}
.news ul li .newsday h3{font-size:28px;font-weight:100}
.news ul li .newstitle{width:70%;color:#999;float:left;margin-top:10px;margin-left:28px;*display:inline;*zoom:1}
.news ul li .newstitle h3{font-size:16px;color:#00BBFF;font-weight:400}
.news ul li span{margin-top:30px;margin-right:5px;*display:inline;*zoom:1;float:right;width:30px;height:30px;background:url(../images/new10.jpg) right center no-repeat}
.news ul li:hover{border-bottom:0; color:#00823a; border:1px solid red}
.news ul li:hover .newstitle h3{ color: #00823a}
.news ul li:hover span{background:url(../images/new10.jpg)}
.news ul li:hover .newsday{background:url(../images/new4.jpg) right center no-repeat}
.news ul li:hover .newstitle{color: #999}

.link_list{ margin: 20px auto;}
.link_list li{ width: 20%; float: left; margin: 30px auto} 
.link_list li a img{filter: grayscale(50%); width: 90%; margin: 0 auto;opacity:0.8;}
.link_list li A:hover img{filter: grayscale(10%);}

.pages{text-align:center;clear:both;height:50px;line-height:25px; width: auto; margin:30px auto;justify-content: center;align-items: center;}
.pages a{text-decoration:none;margin:0 5px;background: #62CDF9;color:#fff;padding:5px;;width:50px;border-radius: 25px; width: 30px;height: 30px; }
.pages A:hover{ background: #00E066}
.pagestyle{clear:both}

.tt{font-size:18px;color:#2F2F2F;text-align:center;height:auto;line-height:40px; min-height: 40px;}
.input1{border:1px solid #ACACAC}
.cls{clear:both; position: relative}
.hidden{display:none}
.date{right:5px;position:absolute;color:#008080;width:100px}

.pagecontent{padding:10px 10px;min-height:300px;font-size:14px}
.pagecontent p img{margin:0 auto;max-width:100%;text-align:center}
.homejj{background:#EDEDED}

#demo { overflow:hidden; width:800%; padding:0px 5px; font-size:12px;} 
#demo li{ width:300px; padding:0px; height:300px; float:left; text-align:center}
#demo ul,#indemo  ul{ margin:0px; padding:0px;}
#indemo {float:left;width:800%; height:300px; text-align: left} 
#demo1 { float: left; height:230px; width:auto} 
#demo2 { float: left; overflow:hidden; width:auto} 
.homeimg2{ width:auto; white-space:nowrap; border-bottom:2px solid dotted #EBEBEB; margin-top:20px;}
.homeimg2 li{float:left;text-align:center;background:#ffffff; width:25% }
.homeimg2 li img{ height:200px;}

.preview{overflow:hidden;clear:both; }
.preview ul{margin:0 auto}
.hidden{display:none}
.scrolldoorFrame{margin:0 auto;overflow:hidden}
.scrollUl{width:100%;margin-left:0; text-align:center; }
.scrollUl li{height:50px;line-height:60px;}
.sd01,.sd02{display:block;height:60px;line-height:60px;font-size:18px; text-align:center;overflow:hidden; width:50%; float:left; }
.sd01{background: #51cff5;color:#ffffff;}
.sd02{background: #EFF500;color: #000000;}
.ppggcot,.ppggcot html{ font-size:18px; line-height: 36px; }

.cont{padding:5px 0;float:right;width:100%}
.cont ul{margin:0;padding:0}


.homejjbox{ width:50%; float:left;}
.homejjbox h3{ color:#FF8000; font-size:24px}
.homejjbox .homjjtext{ text-indent:2em; width:90%; margin:20px 0px;}

.anewsls{ margin: 50px auto}
.anewsls li{height:90px;border:1px solid #E0E0E0;width:33.3%;float:left; list-style: none; margin-bottom: 10px; padding: 10px;}
.anewsls ul{ margin:0;padding:0}
.anewsls li a.index_news_titlepic{width:20%;height:90px;overflow:hidden;display:block;float:left;border-radius:4px; }
.anewsls li img{width:100%;float:left}
.anewsls li dl{width:65%;float:left; margin-left: 30px;}
.anewsls li dl dt{height:25px;overflow:hidden}
.anewsls li dl dt a{color:#000000;font-size:16px;display:block;width:430px;float:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.anewsls li dl dt a:hover{color:red}
.anewsls li dl dt span{width:88px;display:block;float:right;text-align:right;background:url(../images/window_text.png) no-repeat;color:#ACACAC}
.anewsls li dl dd{color:#666666;font-size:13px;line-height:24px;height:120px;overflow:hidden;padding-top:16px}

.bleft, .bright{ width: 50%; height: auto; float: left}
.nxbox{ width: 80%; margin: 0 auto}

.book{width:100%;overflow:hidden;margin:0 auto;text-align:left}

.book .booktitle{width:200px;text-align:right;color:#6D6D6D;float:left;padding-right:20px;font-size:12px; float: left;color: #FFAE00 }
.book textarea{width:100%;float:left;margin-top:5px}
.book .bookinput{height:30px;line-height:30px;margin:2px;border:1px solid #D6D6D6;width:300px;}
.book select{height:30px;line-height:30px;margin:2px;border:1px solid #D6D6D6;width:300px}
.btn-#0a75b1{background:#FF8000;color:#FFFFFF;text-align:center;margin:0 auto}
.booknr{width:100%;height:auto;margin:0 auto;padding-top:20px}
.brl{border:1px solid #EBEBEB}
.bookbox{width:100%;margin:10px auto;padding:10px 20px;position:relative; display: block; border: 1px dotted #D9D7D7;display: flow-root; clear: both}
.booktitlew{width:200px;text-align:right;color:#6D6D6D;float:left;padding-right:20px;font-size:12px; color: #FFAE00  }
.bookr{margin-left:20px}
.inputbox{ width:33%; float: left; height: 30px; line-height: 30px; border: 1px dotted #E4E4E4 }
.temptext{ padding: 5px 20px; width: 80%; float: left;height: 20px; line-height: 20px;  }
.bookc{
	margin-left:200px;position:relative;clear: both; line-height: 30px; display: flow-root; height: inherit; min-height: 100px;}

.bookscontent{width:60%;margin:10px auto;padding:10px 20px;position:relative; line-height: 30px; font-size: 14px;
 }

.navigasiSekunder .nav>li>a{border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;font-size:16px;color:#555}
.navigasiSekunder .nav-pills>li>a{border-radius:0}
.navigasiSekunder .nav>li>a{padding:23.5px 15px}
.nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover{color:#fff;background-color:#2DABFB}
.navTitle .navbar-right{margin-right:-15px}
.navTitle .navbar-left{margin-left:-15px}
.navTitle{margin-top:4.6%}
.navTitle h4.navbar-right{position:relative}
.navTitle h4.navbar-right::after,.navTitle h4.navbar-right::before{content:"";position:absolute;top:50%;left:0;width:14px;height:14px;display:inline-block;border-radius:50px;transform:translateY(-50%)}
.navTitle h4.navbar-right::before{left:-32px;background-color:rgba(0,153,153,.8)}
.navTitle h4.navbar-right::after{left:-23px;background-color:rgba(255,116,0,.8)}
.navTitle ul li h3.navbar-left{font-family:TITI;font-size:28px;font-weight:700}
.navTitle ul li h4.navbar-right{font-size:22px}
.navTitle>ul{padding-bottom:2.4%;border-bottom:1px solid #e5e5e5}

.cp_list{width:100%;clear:both;display:block;position:relative}
.cp_list li{text-align:center;margin-top:10px;margin-bottom:10px;padding:1%;margin:10px;border:1px solid rgba(224,224,224,1.00);list-style: none;  }
.cp_list li img{width:96%; height: 260px;}
.sx{clear:both;margin-top:30px}
.sx li{list-style:none}.sx li a{ color: #0023F3}


.leftnav{ width:100%;}
.leftnav ul,.mainl ul{margin:0;padding:0}
.leftnav .tta{ font-size:24px;  color:#ffffff; height:60px; line-height:60px; text-align:center; background: #51CFF5; display: none}
.leftnav{padding-top:2px}
.leftnav li{text-align:center;font-size:14px;font-weight:700;color:#444;margin-top:10px; border:1px solid #ECECEC; width:100%; float: left; width: 25%}
.leftnav a{font-size:14px;font-weight:100;display:block;height:36px;line-height:36px; background:#f6f6f6; color:#000000}
.leftnav A:hover{color:red;font-size:18px;color:#ffffff; background:#bf2933}
.mc{  width:100%; min-height:300px; font-size:14px; background:#FFFFFF; padding:30px 5px; float:right; line-height: 30px; margin-top: 80px; }


.petaIklb{position:relative; color: #ffffff}
.petaIklb .breadcrumb{position:absolute;bottom:2.3%;right:10%;padding:0 15px;margin-bottom:0;list-style:none;background-color:transparent;border-radius:0}
.petaIklb .breadcrumb i{color:#fff;font-size:12px;margin:0 4px}
.petaIklb .breadcrumb li a,.petaIklb .breadcrumb li i,.petaIklb .breadcrumb li.active{color:#fff}
.petaIklb .breadcrumb li a,.petaIklb .breadcrumb li.active{font-size:14px}
.petaIklb .breadcrumb li i{font-size:12px}
.petaIklb .breadcrumb>li+li:before{padding:0;color:#ccc;content:""}
.petaIklb .breadcrumb li:first-child i{font-size:14px!important}
.petaIklb .breadcrumb li:last-child i{display:none}

.center-block{display:block;margin-right:auto;margin-left:auto}
.img-responsive img{display:block;height:auto;min-width:800px;max-width:100%; }
.hidden-xs{display:block!important}
.visible-xs{display:none!important}

@media screen and (min-width:991px){
.cp_list li img{max-height:220px}
.cp_list li{width:30%;float:left}
.cp_list li img{width:96%; height: 150px;}
.sx{float:right;clear:both}

	
}
@media screen and (max-width:991px){
.cp_list li img{max-height:220px}
.cp_list li{width:31%;float:left}
.sx{float:right;clear:both}
.mc{  width:100%; float: none; clear: both}
.leftnav{ width:100%;  clear: both; float: none}
.leftnav ul,.mainl ul{margin:0;padding:0}
.leftnav .tta{ font-size:24px;  color:#51cff5; height:60px; line-height:60px; text-align:center; background: #21a0f9; display: none}
.leftnav{padding-top:2px}
.leftnav li{margin-top:10px; border:1px solid #ECECEC; width:48%; float: left}
.leftnav a{font-size:14px;font-weight:400;display:block;height:36px;line-height:36px; background:#FCFCFC; color:#0295FF}
.leftnav A:hover{color:red;font-size:18px;color:#ffffff; background:#03B6F7}	
	
.news ul{margin-top:0px}
.news ul li{width:100%;min-height:45px; height: 60px; line-height:30px;border-bottom: #828282 dotted 1px;  position:relative; background:url(../images/dian.gif) no-repeat 10px; text-indent:2em; padding: 5px;font-weight:400;}
.news ul li .date{ position:absolute; right:30px; top:30px; color: #ACACAC; width:120px; text-align: right}

	
}


@media screen and (max-width:750px){
.cp_list li img{max-width:96%; height: auto}
.cp_list li{width:96%}
.main{width:100%;margin:0 auto}
.anewsls li{width:100%;}
.anewsls li a.index_news_titlepic{width:20%;height:150px;overflow:hidden;display:block;float:left;border-radius:4px; }
.anewsls li img{width:100%;float:left}
.anewsls li dl{width:68%;float:left; margin-left: 10px;}
.hidden-xs{display:none!important}
.visible-xs{display:block!important}
.news ul li .newsday{width:100%;color:#0099E4;float: none;font-size:15px;background:url(../images/new3.jpg) center right no-repeat; margin: 10px auto;text-align:right}
	
.news ul li{width:90%;float:none;height:150px;line-height:26px; float: left; margin: 20px 10px; border: 1px dotted #E0E0E0}
.news ul li .newstitle{width:100%;color:#999;float: none;margin-top:10px;margin-left:0px;*display:inline;*zoom:1}
.news ul li .newstitle h3{ color: #0056BD; text-align: left; font-weight: 900}
.bright{ width: 100%; height: auto; float: none; display: none}
.bleft, .bright{ width: 100%; height: auto; float: none}
	
.book .booktitle{width:150px;text-align:right;color:#6D6D6D;float:left;padding-right:20px;font-size:12px; float: left;color: #FFAE00 }
.book textarea{width:100%;float:left;margin-top:5px}
.book .bookinput{height:30px;line-height:30px;margin:2px;border:1px solid #D6D6D6;width:200px;}
.book select{height:30px;line-height:30px;margin:2px;border:1px solid #D6D6D6;width:200px}
.link_list li{ width: 32%; float: left; margin: 20px auto} 

}




@media screen and (max-width:991px){.navTitle h4.navbar-right::before{left:-15px;background-color:rgba(0,153,153,.8)}
.navTitle h4.navbar-right::after{left:-8px;background-color:rgba(255,116,0,.8)}
.navTitle ul li h4.navbar-right{padding-left:14px}
.navTitle>ul{padding-bottom:7%}
.navigasiSekunder .nav-justified li{width:33.3%;float:left}
.navigasiSekunder .nav-pills>li+li{margin-left:0}
.navigasiSekunder .nav-justified>li>a{margin-bottom:0;text-align:center}
.navTitle{margin-top:30px}
.navigasiSekunder .nav>li>a{padding:18.5px 15px}
}