.h50{height:50px}
.home{  width: 100%; padding-bottom: 50px;}
.main{width:80%;margin:0 auto}
.content .main .cp_list{padding:7px 4px 2px 4px}
.content{margin:0  auto;padding:5px;line-height:36px;font-size:18px;clear:both; }
.content html{line-height:36px;font-size:18px;}
.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}

.news{ width:100%}
.news ul{margin-top:0px}
.news ul li{width:95%;height:45px;line-height:45px;border-bottom: #828282 dotted 1px; overflow:hidden; position:relative; background:url(/uploads/image/smimages/dian.gif) no-repeat 10px; text-indent:2em}
.news ul li .date{ position:absolute; right:30px; top:0px; color: #acacac; width:120px}



.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: #e0c301;color:#fff;padding:5px;;width:50px;border-radius: 25px; width: 30px;height: 30px; }
.pages a:hover{ background: #df0003}
.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:#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}

.anewsls{ margin: 50px auto}
.anewsls li{height:150px;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:100%;float:left;margin-right:22px}
.anewsls li dl dt{height:21px;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: no-repeat;color:#acacac}
.anewsls li dl dd{color:#666666;font-size:13px;line-height:24px;height:120px;overflow:hidden;padding-top:16px}
.linklist a{width:25%;display:block;float:inherit}
.book{width:96%;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:60%;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:70%;height:auto;margin:0 auto;padding-top:20px}
.brl{border:1px solid #ebebeb}
.bookbox{width:80%;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:20%; float:left}
.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}
.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%;}
.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:76%; min-height:300px; font-size:14px; background:#ffffff; padding:30px 5px; float:right }


.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;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:33%; 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(/uploads/image/smimages/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%;}
.hidden-xs{display:none!important}
.visible-xs{display:block!important}
}



@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}
}