﻿@charset "utf-8";
/* CSS Document */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, button, textarea, p, th, td,table { margin: 0; padding: 0; }
img { border: 0; }
body{ font-size:12px;font-family: "宋体" "微软雅黑" "黑体" arial, tahoma, sans-serif; color:#333; width:100%; background:#fff;background:url(../images/bg.png) repeat-x center top; }
ol, ul, li { list-style: none; }
a {	color:#333333;}
a:hover{color:#006DDB;}
:link, :visited { text-decoration: none; text-decoration: none; }
.fn-left { float: left; }
.fn-right { float: right; }
.clear{ overflow:hidden; clear:both;}
.blank20{ height:20px; overflow:hidden; clear:both;}
.wrapper { width: 100%;width:expression(document.body.clientWidth <= 975? "975px": "auto");
 min-width:975px;}
.wrapper-con{  margin: 0 auto;}
.table td{border:1px #dedede solid;padding:3px 5px;}

.head{ height:120px;}
.head-top{ height:30px; line-height:30px; float:right; color:#fff; padding-right:10px; clear:both;}
ul.head-top li{ float:left; padding:0 5px; }
ul.head-top li img{ padding-right:4px; padding-top:5px;}
ul.head-top li a{color:#FFF;}
ul.head-top li a:hover{ text-decoration:underline; color:#FFF;}
.head-middle{ height:54px; padding:18px 0px; clear:both;}
	/*.logo{width:324px; height:54px; float:left;}*/
	.logo a img{ width:324px;}
	.top-400{float:right; width:219px; text-align:center;}
	.top-400 img{ width:219px; height:40px;}
	p strong{color:#444;line-height:40px;height:40px;}
    ul.top-nav{ width:340px; height:54px; background:url(../images/top_nav.png) no-repeat; float:right;}
	
.menu{ width:100%; width:expression(document.body.clientWidth <= 975? "975px": "auto");
 min-width:975px;height:48px; background:#f0f0f0 url(../images/nav-bg.png) no-repeat 50%; /*background:url(../images/nav-bg1.png) repeat-x;*/ }	
	ul.mainnav{height:48px;font:16px "微软雅黑";}
	ul.mainnav li{height:49px;width:108px; float:left; line-height:48px; text-align:center;}
	ul.mainnav li a{ color:#535353;}
	
	ul.mainnav li.first a{ width:100px; }
	/*ul.mainnav li a:hover{color:#006DDB;}*/
/*banner*/

#full-screen-slider { width:100%; height:380px; float:left; position:relative}
#slides { display:block; width:100%; height:380px; list-style:none; padding:0; margin:0; position:relative}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
#pagination { display:block; list-style:none; position:absolute; left:50%; top:350px; z-index:9900;  padding:5px 15px 5px 0; margin:0}
#pagination li { display:block; list-style:none; width:10px; height:10px; float:left; margin-left:15px; border-radius:5px; background:#FFF }
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current { background:#0092CE}

#gallery {
		padding:0 0px 15px 15px;
		
	}
	#gallery ul { list-style: none; margin-top:20px;}
	#gallery ul li { display: inline; float:left; margin-right:8px;padding:3px;border: #CCC 1px solid; margin-bottom:20px;}
	#gallery ul li p{ text-align:center; line-height:20px;}
	#gallery ul img {
		    width: 290px; height: 170px;
	}
		#gallery ul li a:hover {
		border: #c00;
	}

.index-banner{  margin:2px auto; height:348px; overflow: hidden;width:expression(document.body.clientWidth <= 975? "975px": "auto"); min-width:975px; background:url(../images/index-banner-bg.jpg) repeat-x; width:100%;}
.index-main{ background:url(../images/indexmain-bg.png) repeat-x; padding-top:10px; padding-bottom:10px; overflow:hidden;}
	.index-left{ float:left; width:202px;}
		.index-left dl{ margin-bottom:8px;}
		.index-left dl dt{ font:15px "微软雅黑"; padding-left:40px; line-height:26px;}
		.index-left dl dd img{ border:1px solid #d2d2d4; padding:3px;}
		.index-left dl dt.num1{background:url(../images/num1.png) no-repeat left; }
		.index-left dl dt.num2{background:url(../images/num2.png) no-repeat left; }
		.index-left dl dt.num3{background:url(../images/num3.png) no-repeat left; }
	.index-right{ width:749px; border:1px solid #d2d2d4; float:right; margin-top:10px;}
		.index-right-l{width:499px; float:left; padding:15px 15px 0px 15px; background-color:#FFF;}
			.index-right-l h3{ background:url(../images/small1.jpg) no-repeat 0px 5px; font-family:"微软雅黑"; font-weight:bold; padding-left:20px; line-height:20px;}
			.index-right-l ul.channel-list{margin-left:10px; height:28px;}
			.index-right-l ul.channel-list li{ float:left; padding:5px; line-height:28px;}
			.index-right-l ul.channel-list li a{padding-right:10px;}
			.scroll-wrap{ position:relative;height:120px; width:460px;}
			.scroll-content{position:absolute; top:10px; left:40px;}
			ul.imglist{width:420px; overflow:hidden;}
			ul.imglist li{float:left; width:116px; height:114px; padding-right:20px; display: inline;overflow: hidden;}
			ul.imglist li a{display:block; width:116px; height:114px; float:left;overflow: hidden;}
			ul.imglist li a .yinying{background:url(../images/yinying.jpg) no-repeat 0px 83px; height:94px; z-index:inherit; }
			ul.imglist li a img{border:1px solid #d2d2d4;/*border-right:1px solid #d2d2d4;border-top:1px solid #d2d2d4;*/ height:75px;width:108px;padding:3px; }
			ul.imglist li a:hover img{border:1px solid #006DDB;}
			ul.imglist li span.imgtit{display:block; float:left; width:108px; height:20px; line-height:20px;}
			ul.scroll-nav {width:12px; height:87px; }
			ul.scroll-nav li { position:absolute; top:10px;  width:12px; height:87px; text-indent:-9999px; }
			ul.scroll-nav li a{display:block;  width:12px; height:87px; background:url(../images/scroll.png) no-repeat;}
			
            ul.scroll-nav li.next a{ background-position:-12px 0;}
			ul.scroll-nav li.next{right:0px;}
			.overview{ border-top:1px solid #cdcdcd; padding-top:10px; margin-top:15px;}
			.overview p{ text-indent:25px; line-height:24px; color:#666;}
			ul.media{ background:url(../images/small2.jpg) no-repeat 2px 5px;; height:20px; font-weight:bold; margin:15px auto 0px 25px;}
			ul.media li{ float:left; width:65px; padding-left:23px; /*padding-right:30px;*/}
		.index-right-r{ width:218px; background:#f3f3f3; border-left: 1px solid #cdcdcd; float:right; display:inline;}
			.product-tab{ margin-top:0px;height:35px;}
			.product-tab li{cursor:pointer;float:left; width:78px;height:35px; font-weight:bold; line-height:40px; padding:0 15px;  border-bottom: 1px solid #cdcdcd; border-right:1px solid #cdcdcd;}
			.product-tab li.tab1{ background-color:#09F; color:#fff;}
			.product-tab li.tab2{}
			.product-tab li.tablast{border-right:0 solid #ccc;}
		  .pro-tab-1{ position:relative; height:290px;}
			.pro-taber{/*height:260px;*/ padding:20px 0px 0px 10px; }
			ul.pro-list{ width:188px; overflow:hidden; }
			ul.pro-list li{ padding-right:10px; padding-bottom:1px;line-height:18px;/*border-bottom:1px solid #cdcdcd;*/ margin-bottom:10px;}
			ul.pro-list li h3 a{ font-weight:bold; font-size:12px;}
			ul.pro-list li.last{ border:none;}
			 .pro-tab-1 .hidden{display:none;}

.footer{ background:url(../images/footer-bg.png) repeat-x; height:161px; position:relative;}
	.footer-main{ line-height:28px; width:975px;margin:0 auto;}
	ul.footer-title{height:30px;margin-top:10px;text-align:center;padding:0 237px;}
	ul.footer-title li{  float:left; padding:5px; width:90px; color:#CCC;}
	ul.footer-title li a{padding-right:20px;font-weight:bold;}
	.footer-main p{ text-align:center;}
/*产品内页样式*/
.product-banner{ background:url(../images/center-banner-bg.png) repeat-x; height:186px; width:100%;width:expression(document.body.clientWidth <= 975? "975px": "auto"); min-width:975px; overflow:hidden;margin:2px auto 0px;}
.product-banner img{ width:975px; height:186px; }
.main-body{ background:#f7f7f7; overflow:hidden; margin-bottom:-10px;position:relative;width: 1000px; margin: 0 auto;}
	.sub-nav{/*width:975px;*/ height:15px; line-height:15px; padding-top:10px;}
	.sub-nav p{ float:left;/*padding-left:36px;*/}
	.main-content{/* border:1px solid #e8e8e8;*/ background:#fff; margin:10px 0px  0  0;  display:block; /*width:975px;*/ min-height:600px; height:auto;overflow:hidden;}
	
	.main-left{ width:219px;  float:left; padding:0px 0px 15px 0px;}
	.main-left h3{ width:164px; height:30px;line-height:20px; font:16px "微软雅黑";border-bottom:1px solid #e8e8e8;  padding-left:15px; padding-top:10px; margin:0px 20px 0px 20px;}
	.main-left dl{ width:179px;float:left; padding:5px 20px; display:block;}
	.main-left dl dt a{ font-weight:bold; line-height:24px;  padding-left:20px;}
	.main-left dl dd a{ background:url(../images/small3.png) no-repeat 20px 4px; line-height:24px; padding-left:28px;}
	.main-left .online{ float:left; width:219px; height:90px;}
	.main-right{/* width:711px;*/ min-height:600px; height:auto;padding:0px 20px; /*float:right;*/ overflow:hidden;/*border-left:1px solid #e8e8e8;*/}
	.main-right h3{height:30px; line-height:20px; border-bottom:1px solid #e8e8e8; font:16px "微软雅黑"; padding-top:10px; padding-left:15px;}
	.main-right h3 span.special { color:#035caf;font-family:"微软雅黑";}
	.main-right h3 span{color:#d1d1d1; font-family:Arial, Helvetica, sans-serif;}
	.pro-pics{width:655px; height:530px; border:1px solid #e8e8e8; padding:4px; margin:20px;}
	ul#pro-pics{width:655px; height:430px;position: relative; z-index: 20;}
	ul#pro-pics li { display: none; position: absolute; width: 655px; height: 400px; z-index: 20;}
    ul#pro-pics li img a{ width: 655px; height: 430px; }
	/*选项卡*/
		#pro-pics-nav { position: relative;width: 655px; height: 120px; margin-top: 10px;  z-index: 20;}
		#pro-pics-nav ul.imglist2 { position: absolute; left: 25px; top: 0; width: 605px; height: 90px; z-index: 20;}
		#pro-pics-nav ul.imglist2 li { width: 148px; height: 90px; margin-right:3px; float:left; overflow:hidden;}
		#pro-pics-nav ul.imglist2 li a { width: 143px; height: 90px; overflow:hidden;}
		#pro-pics-nav ul.imglist2 li a img { width: 145px; height: 88px; display:block; border:1px solid #e8e8e8; }
		#pro-pics-nav ul.imglist2 li.current a img { border:1px solid #c00; }
		#pro-pics-nav span.pro-pics-arrow { position: absolute; top: 10px; width: 22px; height: 71px; }
		#pro-pics-nav span.pro-pics-arrow a { display: block; width: 22px; height: 71px; background: url(../images/scroll-2.png) no-repeat; text-indent: -9999px; }
		#pro-pics-nav #pro-pics-pre { left: 0; }
		#pro-pics-nav #pro-pics-pre a:hover { background-position: 0px 0px; }
		#pro-pics-nav #pro-pics-next { right: 0px; }
		#pro-pics-nav #pro-pics-next a { background-position: -22px 0; }
		#pro-pics-nav #pro-pics-next a:hover { background-position: -22px 0px; }
		
#prodet_shinei{}
#prodet_shinei .sjln{ max-width:730px; margin:0 auto; padding:30px 15px;}
.sjln_title{ color:#ffb401; font-size:20px; font-weight:bold; padding-bottom:0.5em;}
.shln_p{ color:#000; font-weight:bold; font-size:15px; line-height:2em;}
		
/*方案二*/
	.pro-img{width:655px; height:auto;padding:3px; border:1px solid #e8e8e8;  margin:20px;}
	.pro-img img{ width:655px; height:auto; border:none;}
	.pro-img a:hover { border:#c00;}
	.pro-intro{ line-height:24px;/*width:710px;*/color:#444;}
	.pro-intro h1{ font-size:16px; font-weight:bold;height:30px; line-height:30px;}
	.pro-intro img{ max-width:100%; height:auto !important;}
	
	.life_list{width:710px;padding:10px 0;border-bottom:1px #E5E5E5 solid;float:left;}
	.life_list li{width:218px;margin:5px 9px 0 9px;display:inline;float:left;}
    .life_list li img{width:218px;height:147px;}
	.life_pic{width:216px;border:1px #D5D5D5 solid;margin:10px 9px;display:inline;float:left;}
    .life_pic dt{width:200px;padding:8px;border-bottom:1px #D5D5D5 solid;float:left;}
    .life_pic dt img{width:200px;height:132px;}
    .life_pic dd{width:200px;height:48px;padding:0 8px;line-height:24px;color:#666;overflow:hidden;float:left;}
	
	
/* preview */
#preview{ float:none; margin:20px auto; text-align:center; width:655px;padding:4px;border:1px solid #e4e4e4;}
.list-h{margin:0px;padding:0px;height:90px;width:633px;overflow:hidden;}
.list-h li{ float:left;}
#spec-n5{width:655px; height:90px; padding-top:10px; overflow:hidden;}
#spec-left{ background:url(images/left.gif) no-repeat; width:10px; height:45px; float:left; cursor:pointer; margin-top:22px;}
#spec-right{background:url(images/right.gif) no-repeat; width:10px; height:45px; float:left;cursor:pointer; margin-top:22px;}
#spec-list{ position:relative;width:633px; float:left; overflow:hidden; margin-left:2px; display:inline;}
#spec-list ul li{ float:left; margin:0px 6px; display:inline; width:146px;}
#spec-list ul li img{ padding:2px ; border:1px solid #ccc; width:140px; height:84px;}

.provideo{ max-width:100%;}



.product,.jt_news{padding:5px 0;height:20px;line-height:20px;margin-left: 12px;}
.product dt,.jt_news dt{width:611px;font-size:14px;font-weight:bold;float:left;}
.product dt{border-left: 8px solid #FF0000;padding: 10px;}
.product dd,.jt_news dd{width:100px;font-size:12px;font-weight:normal;text-align:right;float:right;}
.product dd{margin-top: 8px;}
.jt_news{background:#CE0000;color:#FFF;clear: both;}
.jt_news a{color:#FFF;}
.jt_news a:hover{text-decoration:underline;}
ul.related {margin:5px auto;float:left; width:970px;}
ul.related li{ float:left; width:290px; height:200px;margin-left:10px; padding:3px; border:1px solid #e8e8e8; display:block; margin-bottom:10px;}
ul.related li img a,ul.related li img{ width:290px; height:170px; border:none;}
ul.related li p{/*width:116px; */line-height:30px; text-align:center; margin-bottom:0px;}
ul.related li:hover{ border:1px solid #c00;}

.news{ margin:25px 15px; height:auto; line-height:26px;}
.news h1{ text-align:center; /*width:711px; */font-family: "微软雅黑";line-height:30px; font-size:18px;}
.news .newstime{text-align:center;/* width:711px; */color:#d1d1d1;}
.news p{ text-indent:25px; padding-bottom:20px;}
.news h2{ font-weight:bold; font-size:12px;}
.news img{ text-align:center;}
/*表单样式*/

.inquiry_wrap { position:relative; margin: 0 auto;width: 490px;}
dl.inquiry_form  {  line-height:30px; height:120px;}
dl.inquiry_form  dt{float:left; clear:left;     font-family: "微软雅黑";  width: 100px; height:30px; line-height:30px; margin-bottom:10px; color: #cf0003; font-weight:bold;  }
dl.inquiry_form  dd{ float:left; margin-bottom:10px; }
dl.inquiry_form input{  width:350px; height:35px;    display: inline-block;text-indent: 1em;
  
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 35px;
    color: #555;
    vertical-align: middle;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;background-color: #fff;
    border: 1px solid #ccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border linear .2s,box-shadow linear .2s;
    -moz-transition: border linear .2s,box-shadow linear .2s;
    -o-transition: border linear .2s,box-shadow linear .2s;
    transition: border linear .2s,box-shadow linear .2s; }
	dl.inquiry_form input:focus{ outline:none;}
dl.inquiry_form input:active{-webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
    -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);}
dt.msg_tit { display:none; position:absolute;  }
textarea[name="title"]{margin-bottom: 10px;
    font-size: 14px;
    line-height: 35px;
    color: #555;
    vertical-align: middle;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;background-color: #fff;
    border: 1px solid #ccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border linear .2s,box-shadow linear .2s;
    -moz-transition: border linear .2s,box-shadow linear .2s;
    -o-transition: border linear .2s,box-shadow linear .2s;
    transition: border linear .2s,box-shadow linear .2s;}
/*.inquiry .msgcon{ right:5px;}*/
 .msgcon {  width:480px; height:115px;}
 .msgcon p{ float:left; clear:left;width:100px; height:30px;color: #cf0003;font-weight:bold;     font-family: "微软雅黑";}
 .msgcon textarea { float:left; width:350px; height:115px;  text-indent:5px; line-height:20px; color:#555;    outline: none;}
.sub_wrap { width:174px; height:26px; margin:0 auto; overflow:hidden; clear:both; }
.sub_wrap input { float:left; width:71px; height:26px;  border:none; color:#555; cursor:pointer;}
.sub_wrap .submit { margin-right:30px;background:url(../images/submit.jpg) no-repeat 0px 0px; border:none; text-indent:-9999px;}
.sub_warp .reset input{ width:71px; height:26px; background:url(../images/submit.jpg) no-repeat -101px 0px; border:none;cursor:pointer;text-indent:-9999px;}
.sub_warp .reset input:hover { background:url(../images/submit.jpg) no-repeat -101px 0px;width:71px; height:26px; text-indent:-9999px;}

/*新闻*/
ul.newslist{    margin: 25px 0px 10px 0px; overflow:hidden; height:auto;}
ul.newslist li {width:940px;line-height:26px;display:block;border-left:1px solid #fff; border-bottom:1px dotted #e8e8e8;padding-bottom: 20px; overflow:hidden;clear:both;padding: 0 10px 20px 15px;}
ul.newslist li:hover{ background:#f5f5f5; border-left:1px solid #0069B5;}
ul.newslist li h4{line-height:28px;font-size:13px;}
ul.newslist li h4 a{font-weight:bold;font-family: "微软雅黑";color: #463D3D;}
ul.newslist li h4 span{ float:right; padding-left:30px; font-weight:normal;}
ul.newslist li p{ margin-bottom:20px;font-family: "微软雅黑";color: #7D7D7D;}
ul.newslist li p a{ background:#CE0000; color:#fff; height:26px; padding:5px 10px;float:right;}
ul.newslist li p a:hover{ color:#fff; background:#006DDB;}

/*分页*/
.newsPage{ width: 710px;clear: both;overflow: hidden;padding:15px 0 10px 0;}
.newsPage li{ float:left; margin:0 0 0 9px; border:1px solid #ccc;}
.newsPage li span{ padding:2px 5px;}
.newsPage li a{ font-family:Arial, Helvetica, sans-serif; color:#333; text-decoration:none; padding:2px 5px 2px 5px;}
.newsPage .pageMore a{ font-family:Arial, Helvetica, sans-serif; color:#333; text-decoration:none; padding:2px 3px 2px 3px;}
.newsPage li a:hover{ background-color:#c00; color:#fff;}
.newsPage li b{padding:2px 5px 2px 5px;}


/*室内乐园新增*/

.shinei_page{ clear:both; overflow:hidden;}
.shinei_p_b{ width:100%;}
.shinei_p_b img{ width:100%;}

.shinei_con{ background:#f1f1f1; padding-top:40px;}

.shinei_box{background:#fff; overflow:hidden; width: 960px; margin: 0 auto; padding:0 20px 50px;}

.shinei_title{ height:47px; background:url(../images/shinei_title_bg.jpg) center center no-repeat; margin:8px auto;}
.shinei_title a{ display:block; text-align:center; color:#5e5e5e;}

.shinei_title a:hover{ color:#333;}

.shinei_title a h3{ font-size:20px;}
.shinei_title a p{}




.shinei_p_list{ overflow:hidden;}

.shinei_ul{ overflow:hidden;}
.shinei_ul li{ float:left; width:298px; padding:0 11px 20px;}
.shinei_ul li .shinei_img{ display:block; border:4px solid #80e6ff; border-bottom:none; overflow:hidden; transition:all 0.4s;}
.shinei_ul li .shinei_img img{ width:100%; transition:all 0.4s;}
.shinei_ul li p a{ display:block; background:#80e6ff; padding:0.5em 0; text-align:center; font-size:16px; transition:all 0.4s;}

.shinei_ul li:hover .shinei_img img{ transform:scale(1.1);}
.shinei_ul li:hover .shinei_img{ border:4px solid #00cdff; border-bottom:none;}
.shinei_ul li:hover p a{ background:#00cdff; color:#333;}
