/*---------- frame : header ---------*/
.header{ width:100%; margin:0 auto; text-align:center; overflow:hidden; background:url("../images/head_bg.jpg") repeat-x ;}
.header .toplinks{ width:1200px; margin:0 auto; height:30px; line-height:30px; text-align:right; color:#8b8a85;}
.header .toplinks span{ margin-left:10px; margin-right:10px;}
.header .toplinks span a{ color:#8b8a85;}
.header .toplinks span a:hover{ color:#8b8a85;}
.header .logo{ width:1200px; height:101px; margin:0 auto; text-align:left; }
.header .logo img{ margin-top:4px;}
.header .menu{ width:1200px; margin:0 auto;}
.header .menu ul li{ float:left; text-align:center; width:130px; height:42px; line-height:42px; position:relative;}
.header .menu ul #nav_on{ background:url(../images/nav01.png) no-repeat 50% 7;}
.header .menu ul li a { display:block; color:#fff;font-size:14px; font-family:"微软雅黑";}
.header .menu ul li a:hover{ background:url(../images/nav01.png) no-repeat 50% 7;}

.nav_bg{ width:100%; background:#c6952a;height:40px;line-height:40px; text-align:center;}
.nav1{width:1200px;margin:0 auto;}
.nav1 ul li{ float:left;width:125px; position:relative;}
.nav1 ul #nav_on{ background:#aa8d4d; width:200px;}
.nav1 ul li a { display:block; color:#fff;}
.nav1 ul li a:hover{ background:#aa8d4d;}

.banner{width:100%; margin:0 auto; overflow:hidden; position:relative;}
.help{ height:394px; position:absolute; top:0px; right:2%; box-shadow:-2px 0 6px #ccc,2px 0 6px #ccc; background:#FFF;}
.help{ padding-top:36px;}
.help ul li{width:245px; margin:0 auto; line-height:43px; font:"黑体"; color:#FFF;}
.help ul li a{width:245px; margin:0 auto; line-height:43px; font:"黑体"; color:#FFF;}
.help ul li.a{height:54px; text-align:center; background:url(../images/right_icon.png) no-repeat center center; }
.help ul li.b{height:15px; text-align:center; background:url(../images/arrow.png) no-repeat center 0; }


/*MENU8*/
#nav{width:245px; height:394px; background:#ffff00; position:relative; z-index:9999; float:right; box-shadow:3px 3px 5px #ccc; } 
#nav .li1{ background:url(../images/1_71.jpg) no-repeat left;} 
#nav .li2{ background:url(../images/1_72.jpg) no-repeat left;} 
#nav .li3{ background:url(../images/1_73.jpg) no-repeat left;} 
#nav a{display: block;text-align:left; color:#000; padding-left:30px;}   
#nav a:hover {color:#b0620e;}  
#nav li{width: 200px; background:#fff;line-height:30px;}   
#nav li ul{text-align:left; display:none;left:200px;position:absolute;top:0; border:1px solid #dfdfdf; box-shadow:3px 3px 10px #ccc; clear:both;} 
#nav li ul li{position:relative; float:left;width:980px; padding:5px 10px;}
#nav li ul span{ border-bottom:2px solid #b0620e; display:block; text-align:center; color:#b0620e;padding:0 10px; font-size:16px;}
#nav li ul li ul{ position:static;text-indent:10px; border:none;}  
#nav li ul li ul li{float:left; position:static; width:auto;padding:0 10px; line-height:28px;height:28px; color:#333;}
#nav li ul li ul li:hover{overflow:hidden; color:#b0620e;}
#nav li:hover ul{display:block}
/*mueu end*/


/*footer*/
.footer { width:100%; height:58px; background:#279139; padding-top:30px;}
.footer .wrap { width: 960px; height:25px; margin:0 auto; color: #fff;}
.footer .blod{ width:680px; height:25px; line-height:25px; font-weight:bold; font-size:13px; font-family:Arial; float:left;}
.footer ul{float:right; height:25px;}
.footer ul li{ float:left; padding-right:10px; height:25px;}
.footer .media{ position:absolute; top:25px;}
.media .social-icon__item{ width: 23px; height: 23px; display: inline-block; background: url(full-social-icons-white.png) no-repeat;}
    .social-icon__item.vk { background-position: 0 0;}
    .social-icon__item.fb { background-position: -30px 0; }
    .social-icon__item.inst { background-position: -60px 0;}
    .social-icon__item.you { background-position: -89px 0;}
    .social-icon__item.tweet { background-position: -116px 0;}
    .social-icon__item.goo { background-position: -143px 0;}
    .social-icon__item.vk:hover { background-position: 0 -26px;}
    .social-icon__item.fb:hover { background-position: -30px -26px;}
    .social-icon__item.inst:hover { background-position: -60px -26px;}
    .social-icon__item.you:hover { background-position: -89px -26px; }
    .social-icon__item.tweet:hover { background-position: -116px -26px; }
    .social-icon__item.goo:hover { background-position: -143px -26px; }
/*copyright*/
.copyright {color:white;}
.copyright a {color:white;}
.copyright td {vertical-align: middle;}
/*slide*/
.ck-slide ul { margin: 0; padding: 0; list-style-type: none;}
.ck-slide { position: relative; overflow: hidden;}
.ck-slide ul.ck-slide-wrapper { position: absolute; top: 0; left: 0; z-index: 1; margin: 0; padding: 0;}
.ck-slide ul.ck-slide-wrapper li { position:absolute;}
.ck-slide ul.ck-slide-wrapper li a img{ position:relative;width:351px;height:227px;}
.ck-slide ul.ck-slide-wrapper li a span{ background:url(../images/bg-5.png) repeat; position:absolute; bottom:0; display:block; width:351px; line-height:28px; text-align:center; color:#000;left:0;}

.ck-slidebox { position: absolute; right: 2px; bottom:30px; z-index: 30;}
.ck-slidebox ul { height: 20px; padding: 0 4px; border-radius: 8px; }
.ck-slidebox ul li { float: left; height: 13px; margin: 4px 4px;}
.ck-slidebox ul li em { display: block; width: 12px; height: 12px; border-radius: 100%; background-color: #fff; text-indent: -9999px; cursor: pointer;}
.ck-slidebox ul li.current em { background-color: #056ac1;}
.ck-slidebox ul li em:hover { background-color: #056ac1;}


