body {background: #015bf0 url(../images/bg.jpg) no-repeat center top; font-size: 16px;}

.icon {
   width: 1em; height: 1em;
   vertical-align: -0.15em;
   fill: currentColor;
   overflow: hidden;
}


.clear {clear: both;}
.header {height:430px;}
/***menu***/
.menu{ width:491px; height:63px; background:url(../images/menu_bg.png) no-repeat; padding:14px 0 0 90px; float:right; margin:35px 0 0 0;}
.menu a.n1{float:left; width:99px; height:37px; background:url(../images/menu_on.png) no-repeat;}
.menu a.n1:hover{float:left; width:99px; height:37px; background:url(../images/menu_hover.png) no-repeat;}
.menu a.n2{float:left; width:99px; height:37px; background:url(../images/menu_on.png) -99px 0 no-repeat;}
.menu a.n2:hover{float:left; width:99px; height:37px; background:url(../images/menu_hover.png) -99px 0  no-repeat;}
.menu a.n3{float:left; width:99px; height:37px; background:url(../images/menu_on.png) -198px 0 no-repeat;}
.menu a.n3:hover{float:left; width:99px; height:37px; background:url(../images/menu_hover.png) -198px 0  no-repeat;}
.menu a.n4{float:left; width:99px; height:37px; background:url(../images/menu_on.png) -297px 0 no-repeat;}
.menu a.n4:hover{float:left; width:99px; height:37px; background:url(../images/menu_hover.png) -297px 0  no-repeat;}

.sj_memu{display: none;  text-align: center; padding: 10px 10px; border-radius: 8px; margin-top: 15px; overflow: hidden;
background: #fd7502;
  background-image: -webkit-linear-gradient(top, #fd7502, #8a0b17);
  background-image: -moz-linear-gradient(top, #fd7502, #8a0b17);
  background-image: -ms-linear-gradient(top, #fd7502, #8a0b17);
  background-image: -o-linear-gradient(top, #fd7502, #8a0b17);
  background-image: linear-gradient(to bottom, #fd7502, #8a0b17);
}
.sj_memu li{display:inline;}
.sj_memu li a{font-weight: bold;color: #fff;font-size: 20px;padding: 0 10px;}

/***logo***/
#title {}
.logo{ width:298px; height:155px; float:left; background:url(../images/logo.png) no-repeat; margin-top: 100px; text-indent: -9999px}
.brid{width:231px; height:243px; float:right;}
.brid a{ width:231px; height:243px; background:url(../images/brid_on.png) no-repeat;float:right;}
.brid a:hover{width:231px; height:243px; background:url(../images/brid_hover.png) no-repeat;}






/*幻灯片*/
.flash_con{ padding: 20px 50px; background: #cfdffd; border-radius: 10px; }
#flash{}
#flash div{overflow: hidden;}
#flash img{ width:100%;}
.layui-carousel>[carousel-item]{overflow: visible;}
.layui-carousel>[carousel-item]>*{height: auto;}
.layui-carousel-ind{margin-top: -20px;top: auto;bottom: 10px;}
.layui-carousel[lay-arrow=always] .layui-carousel-arrow {opacity: 1;left: -40px;}
.layui-carousel:hover .layui-carousel-arrow[lay-type=add], .layui-carousel[lay-arrow=always] .layui-carousel-arrow[lay-type=add] {
    right:-40px;
}

/***lights***/
.header_text{margin:0 auto;height:302px;width:1000px;padding-top:16px;background:url(../images/lights_bg.png) no-repeat;}
.header_text.div { width:859px; padding:0; margin:0 auto;}
.gallery { width:859px; height:271px; margin:0 auto; padding:0; }
#slider { margin:0; padding:0; list-style:none; }
#slider ul,
#slider li { margin:0; padding:0; list-style:none;width:859px; height:271px; overflow:hidden; }
p#controls { margin:0; padding:0; position:relative; }
#prevBtn { display:block; margin:0; overflow:hidden; width:36px; height:55px; position:absolute; left:-70px; top:-165px; }
#nextBtn { display:block; margin:0; overflow:hidden; width:36px; height:55px; position:absolute; left: 895px; top:-165px; }
#prevBtn a { display:block; width:36px; height:55px;}
#nextBtn a { display:block; width:36px; height:55px;}








/*冒险岛导航*/
.annt{ background: #ffa000; border: 1px solid #fff; border-radius: 15px; overflow: hidden; margin: 20px 0; behavior: url(ie-css3.htc);}
.botton{ }
.botton li {float: left;  height:100px;   overflow:hidden;}
.botton li span{display: inline-block; width: 100%; height: 100%;border-radius: 10px; background: #ffff00;box-shadow: 0 0 10px #fff;}
.botton li a{display: block; width: 100%; height: 100%;}
.botton a.c1{background:url(../images/zi1.png) no-repeat center center;}
.botton a.c1:hover{background:url(../images/zi1_hover.png) no-repeat center center;}
.botton a.c2{background:url(../images/zi2.png) no-repeat center center;}
.botton a.c2:hover{background:url(../images/zi2_hover.png) no-repeat center center;}
.botton a.c3{background:url(../images/zi3.png) no-repeat center center;}
.botton a.c3:hover{background:url(../images/zi3_hover.png) no-repeat center center;}


.annt .announcement{background: #fff; border-radius: 10px; line-height: 46px; padding-left: 20px;}
.annt .announcement a{color: #f93;}
.annt .announcement a i{padding-right: 10px;}
.annt .anntadtext{text-align: center;}
.annt .anntadtext a {font-size: 28px;font-weight: bold;color: #fff;}


.index_main{background: #ccdefc; border: 1px solid #fff; border-radius: 10px; overflow: hidden; margin: 20px 0; behavior: url(ie-css3.htc);}
.index_photo{}
.index_photo img{width: 100%;}

.box_con{}
.box_con h5{text-align: left; font-size:18px;	background: #fd7502;color: #ffffff; line-height: 2; border-radius: 8px; padding-left: 15px;}
.box_con h5 a{color: #fff; font-weight: bold;}
.box_con ul{background: #fff; box-shadow: 0px 0px 10px #777 inset;margin-top: 10px; padding: 15px;border-radius: 10px;}
.box_con ul li{border-bottom: 1px dotted #ddd; line-height:36px; height: 36px; overflow: hidden;}
.box_con ul li span{float: right}
.box_con ul li i{padding-right: 10px;}

.box_con .b1{background: #c3fcfc;
  background-image: -webkit-linear-gradient(top, #c3fcfc, #0f9e9e);
  background-image: -moz-linear-gradient(top, #c3fcfc, #0f9e9e);
  background-image: -ms-linear-gradient(top, #c3fcfc, #0f9e9e);
  background-image: -o-linear-gradient(top, #c3fcfc, #0f9e9e);
  background-image: linear-gradient(to bottom, #c3fcfc, #0f9e9e);}

.box_con .b2{  background: #fd7502;
  background-image: -webkit-linear-gradient(top, #fd7502, #940f1d);
  background-image: -moz-linear-gradient(top, #fd7502, #940f1d);
  background-image: -ms-linear-gradient(top, #fd7502, #940f1d);
  background-image: -o-linear-gradient(top, #fd7502, #940f1d);
  background-image: linear-gradient(to bottom, #fd7502, #940f1d);}

.box_con .b3{ background: #f9f7ba;
  background-image: -webkit-linear-gradient(top, #f9f7ba, #b2ab1a);
  background-image: -moz-linear-gradient(top, #f9f7ba, #b2ab1a);
  background-image: -ms-linear-gradient(top, #f9f7ba, #b2ab1a);
  background-image: -o-linear-gradient(top, #f9f7ba, #b2ab1a);
  background-image: linear-gradient(to bottom, #f9f7ba, #b2ab1a);}
.box_con .b4{  background: #f7b1f7;
  background-image: -webkit-linear-gradient(top, #f7b1f7, #ab16ab);
  background-image: -moz-linear-gradient(top, #f7b1f7, #ab16ab);
  background-image: -ms-linear-gradient(top, #f7b1f7, #ab16ab);
  background-image: -o-linear-gradient(top, #f7b1f7, #ab16ab);
  background-image: linear-gradient(to bottom, #f7b1f7, #ab16ab);}
.box_con .b5{  background: #f7c5b1;
  background-image: -webkit-linear-gradient(top, #f7c5b1, #ab16ab);
  background-image: -moz-linear-gradient(top, #f7c5b1, #ab16ab);
  background-image: -ms-linear-gradient(top, #f7c5b1, #ab16ab);
  background-image: -o-linear-gradient(top, #f7c5b1, #ab16ab);
  background-image: linear-gradient(to bottom, #f7c5b1, #ab16ab);}
.box_con .b6{background: #edaa8f;
  background-image: -webkit-linear-gradient(top, #edaa8f, #ab2f16);
  background-image: -moz-linear-gradient(top, #edaa8f, #ab2f16);
  background-image: -ms-linear-gradient(top, #edaa8f, #ab2f16);
  background-image: -o-linear-gradient(top, #edaa8f, #ab2f16);
  background-image: linear-gradient(to bottom, #edaa8f, #ab2f16);}
.box_con .b7{ background: #c3fccf;
  background-image: -webkit-linear-gradient(top, #c3fccf, #1ab22d);
  background-image: -moz-linear-gradient(top, #c3fccf, #1ab22d);
  background-image: -ms-linear-gradient(top, #c3fccf, #1ab22d);
  background-image: -o-linear-gradient(top, #c3fccf, #1ab22d);
  background-image: linear-gradient(to bottom, #c3fccf, #1ab22d);}

/***sidebar***/
.sidebar{ height:608px;  padding:15px; background:#ffcc00; box-shadow: 0px 0px 10px #777 inset; border-radius: 10px;}
.sidebar-title{ height:40px;}
.sidebar-title h4{font-size:18px; color:#fff; margin:0; text-align:center; border-radius: 8px; line-height: 1.7; background:#dcb104 }
.sidebar-text{ height:460px;}
.sidebar-text p{ color:#600; line-height:2;}
.sidebar-bototon{text-align:center; padding:0;margin-top:20px; background:#ccc;border-radius: 8px; line-height: 1.7;}
.sidebar-bototon a{ color:#963; font-size:16px; font-weight:bold;}






.main{background: #ccdefc;box-shadow: 0px 0px 30px #fff inset; border-radius: 10px; padding: 15px; overflow: hidden; margin-bottom: 20px;}
.main .page-title{text-align: left; font-size: 18px;
	background: #fd7502;
  background-image: -webkit-linear-gradient(top, #fd7502, #8a0b17);
  background-image: -moz-linear-gradient(top, #fd7502, #8a0b17);
  background-image: -ms-linear-gradient(top, #fd7502, #8a0b17);
  background-image: -o-linear-gradient(top, #fd7502, #8a0b17);
  background-image: linear-gradient(to bottom, #fd7502, #8a0b17);
  -webkit-border-radius: 8;
  -moz-border-radius: 8;
  border-radius: 8px;
  -webkit-box-shadow: 2px 2px 3px 0px #ffffff;
  -moz-box-shadow: 2px 2px 3px 0px #ffffff;
  box-shadow: 2px 2px 3px 0px #ffffff;
  color: #ffffff;
}
.main .page-title i{padding-right: 15px;}
.main .page-title h5{ font-weight: bold;}
/*中间内容框*/
.page-con{background: #fff; box-shadow: 0px 0px 30px #777  inset; margin: 20px 0; padding:15px;border-radius: 10px;}
/*新闻列表*/
.list_text li{border-bottom: 1px dotted #ddd; line-height:36px; height: 36px; overflow: hidden;}
.list_text li span{float: right}
.list_text li i{padding-right: 10px;}

.centent{}
.centent h1{text-align: center; margin-bottom: 20px; font-size: 22px;}
.centent .content_box{line-height: 1.7; font-size: 18px;}
.centent .content_box p{text-indent: 2em; padding-bottom: 10px;}
.centent .content_box img{max-width: 100%; width: auto;}
.centent .infos{text-align: right; margin: 10px 0;}



.footer{background: url(../images/footer.png) no-repeat bottom right #ff6600;box-shadow: 0px 0px 20px #ffcc00 inset;border-radius: 10px;padding: 15px 15px 80px 0; text-align: center; overflow: hidden;  margin-bottom: 50px;}
.footer p{line-height: 1.7}

.go-top{background:url(../images/top.png) no-repeat;position:absolute;width:53px;height:72px;overflow:hidden;text-indent:-9999px;}







@media screen and (max-width: 720px) {
	
	body {background: #015bf0 url(../images/sj_bg.png) no-repeat center top; font-size: 16px;}
	
	
	.header {height:205px;}
	.logo{margin-top: 20px;width: 222px;
    height: 126px;
    float: left;
    background: url(../images/sj_logo.png) no-repeat;}
	.menu{display: none;}
	.sj_memu{display: block;}	
	.brid{display: none}
	
	.sj_flash{display: none;}
	
	.main .page-title{font-size: 14px;}
	
	.annt .announcement{background: #fff; border-radius: 5px; line-height: 1.3; padding: 8px;}
.annt .anntadtext{text-align: center; padding-top: 10px; }
.annt .anntadtext a {font-size: 16px;font-weight: bold;color: #fff;}

	
	
	.list_text span{display: none;}
	.footer{margin-bottom: 20px; text-align: left; padding: 10px 10px 70px 10px;}
	.footer p{margin-bottom: 10px;}
	
	.go-top{display: none;}
	.index_photo{display: none;}
	
}