@charset "utf-8";
/* CSS Document */
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select,img{margin:0;padding:0;}
body{font-size:12px; font-family:"Microsoft Yahei","SimHei", Verdana, Arial;color:#333; min-width:320px;}
h1,h2,h3,h4,h5,h6{ font-style:none; font-weight:normal;}
a{text-decoration:none; color:#333;}
a:hover{ text-decoration:none;}
i,em{font-style:normal}
ul,li{list-style:none}
img{border:0;vertical-align:middle}
table{border-collapse:collapse;border-spacing:0;}
.clear{clear:both;}
a:visited{ border:none;}
a:focus{outline:none;}
a:visited{ border:none;}
a:active{ border:none;}
a:hover{ border:none;}
.layer{ width:1024px; margin:0 auto; position:relative;}
.fl{ float:left;}
.fr{ float:right;}
input,button,textarea{ outline:none;font-family:"Microsoft Yahei","SimHei", Verdana, Arial;}


/*header*/
.header{ width:100%; height:75px; background:#fff; position:relative;}
.header .layer{ position:relative; overflow:hidden;}
.header .logo{ float:left; line-height:70px;}
.header .logo span{ font-weight:bold; font-size:14px;}
.header .logo img {height:70px; width:auto;}
.header .head_title{ position:absolute; right:14px; line-height:70px; width:220px; }
.header .head_title img{ width:32px; margin:0 2px;}


/*nav_icon*/
.nav_icon{ width:44px; height:34px; background:#fff; border-radius:5px; overflow:hidden; float:right; margin-top:9px; margin-right:2%; display:none; }
.nav_icon span{ width:22px; height:2px; background:#F00; display:block; text-align:center; margin:0 auto; margin-top:5px; border-radius:1px;transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out; -moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;}
.nav_icon span:first-child{ margin-top:9px;}
.nav_icon.curr .span1{transition:All 0.2s ease-in-out;-webkit-transition:All 0.2s ease-in-out; -moz-transition:All 0.2s ease-in-out;-o-transition:All 0.2s ease-in-out; opacity:0;}
.nav_icon.curr .span2{transform: rotate(-45deg);-moz-transform: rotate(-45deg); -o-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transition:All 0.2s ease-in-out;-webkit-transition:All 0.2s ease-in-out; -moz-transition:All 0.2s ease-in-out;-o-transition:All 0.2s ease-in-out;}
.nav_icon.curr .span3{ margin-top:-2px;transform: rotate(45deg);-moz-transform: rotate(45deg); -o-transform:rotate(45deg); -webkit-transform:rotate(45deg); transition:All 0.2s ease-in-out;-webkit-transition:All 0.2s ease-in-out; -moz-transition:All 0.2s ease-in-out;-o-transition:All 0.2s ease-in-out;}
/*mb_nav*/
.header .nav_box{ width:100%; height:auto; position:absolute; top:50px; left:0; background:rgba(21,75,133,1); z-index:100; display:none;}
.header .nav_box li{ line-height:20px; height:20px; padding:8px 20px; border-bottom:1px solid rgba(255,255,255,0.2); background:url(../images/nav_next.png) no-repeat 97%;}
.header .nav_box li:hover { background:#FFFFFF url(../images/nav_next.png) no-repeat 97%;}
.header .nav_box li a{ color:#fff; font-size:14px; display:block; }
.header .nav_box li:hover a{ color:#003;}
.header .nav_box li a span{ margin-left:12px; font-size:12px; color:#FFF;}
.header .nav_box div{ line-height:30px; height:30px; padding:8px 20px; text-align:center; color:#fff; font-size:15px;}

/*nav*/
.nav{ width:100%; height:50px; background: rgba(21,75,133,1); position:relative; z-index:10000;}
.nav .nav_list{ width:100%; height:50px; line-height:50px;}
.nav .nav_list li{ float:left; text-align:center; font-size:15px; position:relative; padding:0 25px; transition:0.4s; -moz-transition:0.4s; -ms-transition:0.4s; -o-transition:0.4s; -webkit-transition:0.4s;}
.nav .nav_list li a{ color:#fff; display:inline-block; text-align:center; height:50px; line-height:50px; transition:0.4s; -moz-transition:0.4s; -ms-transition:0.4s; -o-transition:0.4s; -webkit-transition:0.4s;}
.nav .nav_list li:hover{ background:#fff; transition:0.4s; -moz-transition:0.4s; -ms-transition:0.4s; -o-transition:0.4s; -webkit-transition:0.4s;}
.nav .nav_list li:hover>a{color:#003; transition:0.4s; -moz-transition:0.4s; -ms-transition:0.4s; -o-transition:0.4s; -webkit-transition:0.4s;}
.nav .nav_list li .navigate_two_tree{ display:none; position: absolute; top:50px; left:0; width:180px; background:#f08300; color:#fff;}
.nav .nav_list li .navigate_two_tree li{ float:none; font-size:12px; border-bottom:1px solid #f08300; height:35px; line-height:35px; padding:0;}
.nav .nav_list li .navigate_two_tree li a{ height:auto; line-height:16px;}
.nav .nav_list li.navigate_two:hover .navigate_two_tree{ display:block;}
.nav .nav_list li .navigate_two_tree li:hover{ background:#fff;}
.nav .nav_list li .navigate_two_tree li:hover a{ color:#f08300;}
.nav .nav_list li.navigate_two .navigate_two_tree li:hover{ background:#fff;}
.serach{ position:absolute; bottom:0; right:0; width:26%}
.serach input[type=text]{ width:70%; padding:7px; border:none; border:1px solid #000; outline:none;}
.serach input[type=submit]{ width:20%; height:31px; display:inline-block; background:#fff url(../images/serach_icon.png) no-repeat center center; border:none; position:relative; right:5px; border-left:1px solid #000; cursor:pointer;border:1px solid #000;}
/*banner*/
.banner{ width:100%; height:auto; overflow:hidden; margin-top:10px;}
.swiper-container {width: 100%;height: 100%;}
.swiper-slide {text-align: center;font-size: 18px;background: #fff;/* Center slide text vertically */display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.swiper-slide a{ display:block; width:100%;}
.swiper-slide img{ width:100%;}
/*content*/
.content{ width:100%; height:auto; overflow:hidden; padding:20px 0;}
.con_title{ width:100%; height:60px; line-height:60px; border-bottom:1px solid #D6D6D6;}
.con_title h4{ font-size:20px; background:url(../images/line.png) no-repeat bottom left; }
.con_title a{ display:inline-block; margin-top:18px; height:29px; border:1px solid #D4D4D4; color:#515151; float:right; font-size:14px; text-align:center; line-height:29px; border-radius:14px; transition:0.4s; -moz-transition:0.4s; -ms-transition:0.4s; -o-transition:0.4s; -webkit-transition:0.4s;}
.con_title a:hover{ border:1px solid #666; color:#222; transition:0.4s; -moz-transition:0.4s; -ms-transition:0.4s; -o-transition:0.4s; -webkit-transition:0.4s;}
/*product*/
.product{ width:100%; height:auto; overflow:hidden; padding:10px 0 10px 0; position:relative;}
.pro_contact{ width:100%; height:auto; overflow:hidden; margin-top:20px; position:relative;}
.pro_contact li{ width:25%; float:left; text-align:center; margin-bottom:10px;}
.pro_contact li a.wai_a{ display:block; margin:0 auto; width:94%; overflow:hidden;/* border:5px solid #ccc;*/}
.pro_contact li span{ display:block; overflow:hidden; width:100%; position:relative;}
.pro_contact li span img{ width:100%;transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out; -moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;  position:relative;}

.pro_contact li span img:hover {transform:scale(1.2); -webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);-ms-transform:scale(1.2);}
.pro_contact li div{ width:100%;text-align:center;}
.pro_contact li div h6{  font-size:13px;  overflow:hidden;  margin:5px 0; height: 3em; line-height: 1.5em;}
.pro_contact li div p{ line-height:18px; font-size:13px; margin-left:5px;}
/*about*/
.about_contact{width:100%; height:auto; overflow:hidden; margin-top:20px; line-height:20px;}
.about_contact img{ float:right; padding:10px 0px 10px 20px;}
.about_contact p{ color:#565656; font-size:14px; margin-top:20px; line-height:23px;}
/*news*/
.news_contact{ width:100%; height:auto; overflow:hidden; margin:20px 0 10px 0;}
.news_contact li{ width:50%; float:left; overflow:hidden; margin-bottom:30px;}
.news_contact li .news_cl{ width:40%; overflow:hidden;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.news_contact li .news_cl img{ width:100%;transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out; -moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;}
.news_contact li .news_cl img:hover {transform:scale(1.2); -webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);-ms-transform:scale(1.2);}
.news_contact li .news_cr{ width:58%;} 
.news_contact li .news_cr h5{ width:90%; font-size:18px; color:#333; height:35px; line-height:35px; overflow:hidden;}
.news_contact li .news_cr p{ width:90%; font-size:13px; color:#666; height:100px; line-height:20px; overflow:hidden;}

/*footer*/
.footer{ width:100%; height:auto; background:rgba(21,75,133,1); border-top:2px solid #000; padding:15px 0; text-align: center; }
.footer .foot_nav{ width:100%; height:auto; overflow:hidden; height:23px; }
.footer .foot_nav ul{ text-align: center; padding-top: 2px;}
.footer .foot_nav li{ display:inline-block; border-left:1px solid #fff; height:15px; line-height:15px; text-align:center; padding:0px 10px 5px 10px; }
.footer .foot_nav li:first-child{ border:none; padding-left:0;}
.footer .foot_nav li a{ color:#fff; font-size:14px; }
.footer .foot_nav li a:hover{ color:#fff; transition:0.4s; -moz-transition:0.4s; -ms-transition:0.4s; -o-transition:0.4s; -webkit-transition:0.4s;}
.footer p{ font-size:14px; line-height:23px;   color:#FFF;}
.footer p a{ color:#fff;}
.footer p a:hover{ color:#ccc;}
/*------product------*/
.side_nav{ width:24%;  float:left;}
.side_nav>h2{ text-align:center;cursor:pointer; font-size:18px; line-height:3em; background:#004d99; color:#fff; position:relative; }
.side_nav>h2>span{display: none; position: absolute;  width: 100%; height: 100%; top: 0; z-index: 1;}
.side_nav>ul{background:rgba(21,75,133,1);}
.side_nav>ul>li:hover{ background: rgba(13,50,90,.5);}
.side_nav>ul>li{ border-top: 1px solid rgba(13,50,90,1); position:relative;}
.side_nav>ul>li>a{ padding:15px 15px;line-height:1.5em;  font-size:16px; color:#fff; display:block;}
.side_nav>ul>li>ul{ background:#fff; display:none; border-left: 1px solid rgba(13,50,90,1);border-right: 1px solid rgba(13,50,90,1);transition:0.4s; -moz-transition:0.4s; -ms-transition:0.4s; -o-transition:0.4s; -webkit-transition:0.4s;}
.side_nav>ul>li>ul>li{border-bottom: 1px solid rgba(13,50,90,1);background:rgba(13,50,90,.9); padding: 0.5em 0;}
.side_nav>ul>li>ul>li:hover{ background:rgba(21,75,133,.8);transition:0.4s; -moz-transition:0.4s; -ms-transition:0.4s; -o-transition:0.4s; -webkit-transition:0.4s;}
.side_nav>ul>li>ul>li>a{ display:block; font-size:14px; width:80%; margin:auto; line-height:1.5em; padding-top:0.4em; padding-bottom:0.4em; color: #fff;}
.side_nav>ul>li>ul>li:hover a{ color:#fff;transition:0.4s; -moz-transition:0.4s; -ms-transition:0.4s; -o-transition:0.4s; -webkit-transition:0.4s;}
.not{ position:absolute; font-size:16px; color:#fff; top:0em; right:0; width:98%; padding-right:2%; height:3.2em; line-height:3.2em; z-index:222; cursor:pointer; text-align:right; }
/*.not:hover{ background:rgba(230,120,0,.2) ;}*/
.add {
    background: #fff;
    padding: 15px;
	padding-top:30px;
	padding-bottom:30px;
    border: 1px solid #000;
    margin-top: 15px;
    -webkit-box-shadow:inset 0 0 10px #336699;  
  -moz-box-shadow:inset 0 0 10px #336699;  
  box-shadow:inset 0 0 10px #336699;  
}
.add h2 {
    margin-bottom: 10px;
    
}
.add p {
    line-height: 1.5em;
    margin-bottom: 10px;
}

.within_product{ width:75%; float:right; border:1px solid #eee;}
.within_product ul{ width:100%; height:auto; overflow:hidden; margin-bottom:20px;}
.within_product ul li{ width:33.333%; float:left; text-align:center; padding-top:15px;/* border-bottom:1px solid #eee;*/ box-sizing:border-box;}
/*.within_product ul li:nth-child(2n+1){ border-right:1px solid #eee;}*/
.within_product ul li a{ width:92%; margin:0 auto; display:block; overflow:hidden;/*border: 5px solid #ccc;*/}
.within_product ul li a span{ width:100%;display:block; overflow:hidden;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.within_product ul li a img{ width:100%;transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out; -moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;}
.within_product ul li a img:hover {transform:scale(1.2); -webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);-ms-transform:scale(1.2);}
.within_product ul li a div{ width:100%;}
.within_product ul li a div h4{ font-size:13px;text-align:left; height:40px; line-height:20px; overflow:hidden;text-align: center;}
.within_product ul li a div h4 b{font-weight:normal; color:normal;}
/*.within_product ul li a div p{ height:auto; overflow:inherit; line-height:16px; text-align:left; margin-top:2px; height:64px; overflow:hidden;}
.within_product ul li a p{ line-height:30px; height:30px; overflow:hidden;}*/
.within_product .dede_pages{ text-align:center;}
.within_product .dede_pages li{ width:auto; float:none; border-bottom:none; display:inline-block; padding:4px 5px; border:1px solid #ddd; margin:0px;}
.within_product .dede_pages li a{ width:auto; display:inline; cursor:pointer;}
.within_product .dede_pages li:hover{ border:1px solid #f08300; color:#f08300;}
.within_product .dede_pages li:hover a{ color:#f08300;}
.within_product .dede_pages{ font-size:14px; padding:0 20px;}
.within_product .dede_pages li select{ border:none;}
.page_lists{ margin-top:10px;}
.page_lists a:hover{ color:#f08300;}
.page_lists a{color:#f08300;}
.within_product .dede_pages  table td{ display:inline-block; font-size:14px; width:auto !important; padding:0 5px; line-height:2em; height:2em !important; border:1px solid #ccc; margin:5px}


.pro_contact .dede_pages{ text-align:center;}
.pro_contact .dede_pages li{ width:auto; float:none; border-bottom:none; display:inline-block; padding:4px 5px; border:1px solid #ddd; margin:0px;}
.pro_contact .dede_pages li a{ width:auto; display:inline; cursor:pointer;}
.pro_contact .dede_pages li:hover{ border:1px solid #f08300; color:#f08300;}
.pro_contact .dede_pages li:hover a{ color:#f08300;}
.pro_contact .dede_pages{ font-size:14px; padding:0 20px;}
.pro_contact .dede_pages li select{ border:none;}

.pro_contact .dede_pages  table td{ display:inline-block; font-size:14px; width:auto !important; padding:0 5px; line-height:2em; height:2em !important; border:1px solid #ccc; margin:5px}

.within_product h2.current_title{ line-height:32px; font-size:12px; color:#666;background:#EEF6FC; overflow:hidden;}
.within_product h2.current_title span{ float:left; padding-left:10px;}
.within_product h2.current_title span a:hover{ text-decoration:underline;}
.within_product div.details{ color:#333; width:92%; margin:20px auto; line-height:24px; padding-bottom:20px; table-layout:fixed; word-break: break-all; overflow:hidden; }
.within_product div.details1 a:hover{ color:#f08300;}
.within_product div.details p{ margin:10px 0;}
.within_product div.details table td{ border:1px solid #e1e1e1 !important; padding:0 8px;}
.within_product div.contact_details table td{ border:none !important;}
.contact_details1 a:hover{ text-decoration:underline; color:#1870D9;}
/*------product details------*/
.within_product .wp_l{ width:40%;}
.within_product .wp_l span{ display:block; width:90%; border:1px solid #ccc; text-align:center;}
.within_product .wp_l span img{ padding:40px 0; width:80%;}
.within_product .wp_r{ width:60%;}
.within_product .wp_r h3{ font-size:16px; font-weight:bold; text-align:left; border-bottom:1px solid #ccc; line-height:32px;}
.within_product .wp_r p{ font-size:14px; color:#666; line-height:30px;}
.within_product .wp_details{ width:100%; height:auto; overflow:hidden;}
.within_product .wp_details .wp_details_s h5{ font-size:16px; text-align:center; font-weight:bold; margin:15px 0;}
.within_product .wp_details .wp_details_s p{ font-size:14px; margin-top:10px; color:#777; line-height:22px;}
.within_product .wp_details .wp_details_s img{ max-width:100%; height:auto !important;}
.wp_details_s{ font-size:13px; line-height:20px; font-family:"Microsoft Yahei"; padding:30px;}
.wp_details_s table{ border:1px solid #ddd;}
.wp_details_s table td{border:1px solid #ddd; text-align:center; padding:3px;table-layout:fixed; word-break: break-all; overflow:hidden; }

/*Support*/
.within_product .within_news{ padding:20px 20px; height:auto; overflow:hidden;}
.within_product .within_news ul li{ width:100%; line-height:35px; border:none; border-bottom:1px dashed #ccc; height:35px; overflow:hidden; padding:0;}
.within_product .within_news ul li p{ float:right; color:#666;}
.within_product .within_news ul li a{ width:100%;}
.within_product .within_news ul li a:hover{ text-decoration:underline; color:#0170D9;}
.within_product .within_news ul li i{ float:left; color:#666; width:70%; display:inline-block; text-align:left; height:35px; overflow:hidden;}
.within_product .within_news ul li i b{ font-weight:normal;}
.within_product .within_news ul li i:hover{ color:#f08300; text-decoration:underline;}

.contact_from{ width:100%; height:auto; overflow:hidden; margin-top:40px;}
.contact_from input.name{ width:98%; padding:11px 0; border:1px solid #9B9B9B; text-indent:1em; font-size:14px; margin-bottom: 10px;}
.contact_from input#name{ margin-left:0;}
.contact_from textarea{padding:8px; font-size:16px; width:96%; height:120px;font-family:"Microsoft Yahei";}
.contact_from .submit{ width:25%; float:right; margin-top:20px; border:1px solid #ccc; color:#333; background:none; padding:12px 0; font-size:16px; transition:0.4s; margin-left:10px; cursor:pointer;}
.contact_from .submit:hover{ background:#f08300; color:#fff; transition:0.4s;border:1px solid #f08300;}
.tishi{ font-size:16px; margin-bottom:10px;}

/****xunpan top****/
.lng{ padding:5px 0; position:absolute; top:18px; color:#003; text-align:center; font-size:12px; line-height:12px; border-bottom-left-radius:5px; cursor:pointer;}
.lng span{ position:relative;  display:inline; color:#FFF; }
.lng span a{ position:relative; color:#FFF; }
.lng span a:hover{ color:rgb(146,197,222);}

.xunpan{ width:85px; padding:5px 0; background:rgba(21,75,133,1); position:fixed; bottom:0; right:-59px; color:#fff; text-align:center; font-size:14px; line-height:20px;  border-top-left-radius:5px; cursor:pointer; z-index:100;}
.xunpan span{ position:relative; display:block; color:#FFF;  }
.xunpan span a{ position:relative;  color:#FFF; }
.xunpan span a:hover{ color:rgb(146,197,222);}

/*
.xunpan span{ position:relative;  color:#FFF; }
.xunpan span a{ position:relative;  color:#FFF; }
.xunpan span a:hover{ color:#6CF}*/

/****xunpan bottom****/
/*.xunpan{ width:200px; padding:5px 0; background:#0b0e77; position:fixed; bottom:-10000; right:10px; color:#fff; text-align:center; font-size:14px; line-height:20px; border-top-left-radius:5px; border-top-right-radius:5px; cursor:pointer; z-index:100;}
.xunpan i{ background: url(../images/message_icon.png) no-repeat center center; width:30px; height:30px; background-size:cover; display:inline-block; position:relative; top:5px; color:#fff;}
.xunpan span{ position:relative;  color:#FFF; }
.xunpan span a{ position:relative;  color:#FFF; }
.xunpan span a:hover{ color:#0CF}
*/
.jion{ width:250px; height:auto; padding:35px 0 10px 0; position:fixed; bottom:0; right:10px; background:#0b0e77; text-align:center; display:none; z-index:10001; border-top-left-radius:3px; border-top-right-radius:3px;}
.jion h2{ font-size:15px; color:#fff; position:absolute;top: 8px;left: 12px; font-weight: normal;font-family:"Microsoft Yahei","STHeitiSC-Light";}
.jion span{ position:absolute; right:11px; top:10px; width:16px; height:16px; background: url(../images/x.png) no-repeat center center; display:inline-block; cursor:pointer;}
.jion input[type=text]{ width:90%; margin:0 auto; padding:5px 0;background:#fff; border-radius:3px; margin-bottom:5px; border:none;font-family:"Microsoft Yahei","STHeitiSC-Light"; color:#666; text-indent:1em; outline:none; box-shadow:none;}
.jion textarea{ width:90%; margin:0 auto; height:50px; background:#fff; border-radius:3px; padding:5px 0; border:none;font-family:"Microsoft Yahei","STHeitiSC-Light"; color:#666; text-indent:1em; outline:none; box-shadow:none;}
.jion input.coolbg{ width:40%; padding:5px 0;margin-top:10px; text-align:center; background:none; border:1px solid #fff; border-radius:2px; color:#fff; cursor:pointer;font-family:"Microsoft Yahei","STHeitiSC-Light";}
.jion input.coolbg:hover{ background:#fff; color:#07A0E5;}

/*fixed*/
.tel_bg{ width:100px; height:150px; /*background:url(../images/tel_bg.png) no-repeat center;*/ background:#06C; position:fixed; top:50%; margin-top:-100px; right:0; background-size:cover; cursor:pointer; z-index:10000;}

.skype{ width:125px; height:335px; position:fixed; top:50%; margin-top:-170px; right:-125px; background: url(../images/skype_pic.jpg) no-repeat center; z-index:10000;}
.skype ul{ margin-top:222px; list-style:none; width:100%; text-align:left; padding-left:32px}
.skype ul li{ line-height: 18px; padding: 5px 0;}
.skype ul li.skype_li1{ padding-top:2px;}
.skype ul li.skype_li2{ padding-top:2px;}
.skype ul li.skype_li3{ padding-top:2px;}
.skype ul li a{ color:#000; list-style:none; font-size:12px; display: block; width:75%; word-wrap: break-word;}
.skype ul li a:hover{ text-decoration:underline;}
.skype div{ text-align:center; width:100%; margin-top:10px;}
.skype div a{color:#fff;}

@font-face {
    font-family: Angkor;
    src: url(../fonts/Angkor.ttf);
}
@font-face {
    font-family: ASvadek_Kbach_S;
    src: url(../fonts/ASvadek_Kbach_S.ttf);
}

.button {
    background: url(../images/bg_lg.jpg) center repeat-x; /* Green */
    border: 1px thin #666666;
    color: #000;
    padding: 5px 5px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
    margin: 0px auto;
    cursor: pointer;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.button2:hover {
    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
	color:#060;
	text-decoration:none;
	height:15px;
	
}
.visited {
    color: green;
}

.counter_right{
	margin:0 auto;
	width:296px;		 
	height:40px; 
	background:#336699 url(../images/bg_counter.png) no-repeat center right; 
	border:1px solid #336699; 
	/*margin-top:-50px;*/
	border-radius:5px;
	position:relative !important;
	
}
.counter_right .p1{
color:#FFF;
float:left; 
width:74px; 
height:30px; margin-top:6px; 
text-align:center; 
line-height:15px;
font-family: 'Arial', 'tahoma', Helvetica, sans-serif; 
font-size: 14px; 
}
.counter_right .p2{
	float:right;
	height:28px; 
	line-height:28px;
	white-space:nowrap; 
	letter-spacing:13.5px; 
	margin:7px 0px 0px 0px;
	font-size: 20px; 
	transform: scaleY(1); 
	font-stretch:expanded; 
	font-weight:bolder;
}



header1 {
  margin-right: auto;
  margin-left: auto;
  max-width: 22.5rem;
  margin-top:150px;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.25);
  cursor:pointer;font-size:18px; line-height:3em;
}

/**
 * Styling top level items
 */

.nav1 a, .nav1 label {
  display: block;
 padding: .85rem;
  color: #fff;
  background:rgba(21,75,133,1);/*background-color: #151515;*/
  box-shadow: inset 0 -1px #373737;
  -webkit-transition: all .25s ease-in;
  transition: all .25s ease-in;
  line-height:1.5em;  
  font-size:16px;
}

.nav1 a:focus, .nav1 a:hover, .nav1 label:focus, .nav1 label:hover {
  color: rgba(255, 255, 255, 1);
  background: rgba(13,50,90,1);
 
}

.nav1 label { cursor: pointer; border-top: 1px solid rgba(13,50,90,1);}

/**
 * Styling first level lists items
 */

.group-list a, .group-list label {
  padding-left: 1.5rem;
  background:rgba(12,68,128,0.88);
  box-shadow: inset 0 -1px #373737;
  line-height:1.5em;  font-size:16px; color:#fff; 
}

.group-list a:focus, .group-list a:hover, .group-list label:focus, .group-list label:hover { 
	background:rgba(21,75,133,.8);
	line-height:1.5em;  
	font-size:16px; 
	color:#FFF; }

/**
 * Styling second level list items
 */

.sub-group-list a, .sub-group-list label {
  padding-left: 2.5rem;
  background:rgba(12,92,164,0.83);
  box-shadow: inset 0 -1px #373737;
}

.sub-group-list a:focus, .sub-group-list a:hover, .sub-group-list label:focus, .sub-group-list label:hover { background:rgba(21,75,133,.8); }

/**
 * Styling third level list items
 */

.sub-sub-group-list a, .sub-sub-group-list label {
  padding-left: 6rem;
  background: #454545;
  box-shadow: inset 0 -1px #373737;
}

.sub-sub-group-list a:focus, .sub-sub-group-list a:hover, .sub-sub-group-list label:focus, .sub-sub-group-list label:hover { background:rgba(0,0,0,0.53)}

/**
 * Hide nested lists
 */

.group-list, .sub-group-list, .sub-sub-group-list {
  height: 100%;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height .5s ease-in-out;
  transition: max-height .5s ease-in-out;
  color:#FFF;
}

.nav__list input[type=checkbox]:checked + label + ul { /* reset the height when checkbox is checked */
max-height: 100%; }

/**
 * Rotating chevron icon
 */

label > span {
  float: right;
  -webkit-transition: -webkit-transform .65s ease;
  transition: transform .65s ease;
}

.nav__list input[type=checkbox]:checked + label > span {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}