.h50{height:50px}
.home{  width: 100%; padding-bottom: 50px;}
.main{width:72.3%;margin:0 auto; max-width: 1440px;}
.content .main .cp_list{padding:7px 4px 2px 4px}
.content{margin:0  auto;padding:5px;line-height:36px;font-size:14px;clear:both;text-align: justify;  text-justify: inter-word;  }
.content html{line-height:36px;font-size:14px;}
.content a{color:#0023F3}
.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}

.webjj{ height: auto; line-height: 30px; font-size: 16px;}
.news{width:100%;height:auto;padding-bottom:67px}
.news ul{margin-top:0px}
.news ul li{width:42%;float:left;height:100px;line-height:26px; float: left; margin: 20px 30px; border: 1px dotted #E0E0E0;}
.news ul li .newsday{width:25%;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:65%;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}

.bigimg{ text-align: center}

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

.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}
.hidden{display:none}
.date{right:5px;position:absolute;color:#0023F3;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:10px 0px; flex: initial;text-align: justify;  text-justify: inter-word; }

.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: 280px;}
.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; }

.abnner{background:#01a1dd; width:100% }
.center-block{display:block;margin-right:auto;margin-left:auto}
.img-responsive img{display:block;height:auto;width: 100%;max-width:100%; }
.hidden-xs{display:block!important}
.visible-xs{display:none!important}

.petaIklb{position:relative; color: #ffffff;  hanging-punctuation: 60px; line-height: 60px;  width: 100%;max-width: 1440px; margin: 0 auto}
.petaIklb .breadcrumb{position:absolute;bottom:2.3%;right:2%;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}



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

	
}
@media screen and (max-width:960px){
.cp_list li img{max-height:280px}
.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}	

	.homejjbox{ width:90%; float:none;}
}


@media screen and (max-width:768px){
.cp_list li img{max-width:96%; height: auto}
.cp_list li{width:96%}
.main{width:100%;margin:0 auto} 
    
.anewsls li{width:100%;margin-bottom: 10px; padding: 5px;}
.anewsls li a.index_news_titlepic{width:20%;height:120px;overflow:hidden;display:block;float:left;border-radius:4px; }
.anewsls li dl dt{height:16px; line-height:16px; overflow:hidden; font-size: 14px;}
.anewsls li img{width:100%;float:left}
.anewsls li dl dd{color:#666666;font-size:12px;line-height:14px;}
.homejjbox .homjjtext{ width:100%; margin:0px auto; padding-left: 20px;text-align: justify;  text-justify: inter-word;  }
.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:42%;float:left;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} 
.homejjbox{ width:90%; float:none;}

}




@media screen and (max-width:960px){.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}
	.homejjbox{ width:90%; float:none;}
}
/* banner-box */
.banner-box{ width:100%; height:60vh;overflow:hidden; position:relative; margin:0 auto}
.banner-box .bd{ width:100% !important; margin:0 auto}
.banner-box .bd ul li{ background-size:100% auto;}
.banner-box .bd li .m-width {width:100%;margin:0 auto;overflow:hidden; margin:0 auto}
.banner-box .bd li{width:100% !important;height:60vh;}
.banner-box .bd li a{display:block;background-size:auto; display:block; width:100%; height:100%;}
.banner-btn{width:100%;position:absolute;top:30%;}
.banner-btn a{display:block;width:49px;height:104px;position:absolute;top:0;filter:alpha(opacity=40);-moz-opacity:0.4;-khtml-opacity:0.4;opacity:0.4;}
.banner-btn a.prev{left:20px;background:url(../images/foot.png) no-repeat 0 0;} 
.banner-btn a.next{right:20px;background:url(../images/foot.png) no-repeat -49px 0;}
.banner-box .hd {position:absolute; top:250px;left:50%;}
.banner-box .hd ul li{width:12px;height:12px;border-radius :50%;text-indent:-9999px;margin-right:20px;background:#ccc;float:left;cursor:pointer;}
.banner-box .hd ul li.on{background:#DA324D;}