﻿@charset "utf-8";
/* CSS Document */
/* header */
*{border:none; font-family:"微软雅黑";}
img{ border:none;}
body,ul,li,a,img,h5{ margin:0; padding:0; color:#666;}
dl,dd,dt{ padding:0; margin:0;}
a{ text-decoration:none;}
img{ border:none;}
ul,li{ list-style-type:none;}
.f_left{ float:left;}
.f_right{ float:right;}
.header_box{ clear:both; width:100%; height:95px; top:0;position:fixed;z-index:999999;}
.header{ position:relative;width:100%;overflow:hidden; height:95px; background:url(../images/head_bg.jpg);}
.head_left{ width:18.75%; height:95px; float:left;}
.head_mid{ width:62.5%; height:95px; float:left;position:relative;}
.head_right{ width:18.75%; height:95px; float:left;}
.logo{ width:10%; height:63px; margin-top:19px; float:left;}
.nav{z-index:9;width:90%; height:95px; background:url(../images/head_navbg1.png) repeat-x; float:left; font-size:15px; font-weight:600; color:#FFF;}
.nav a{ color:#FFF;}
.nav a:hover{ color:#ffae00;}
.nav_list{ width:100%; height:45px; line-height:45px; margin-top:50px; float:left;}
.nav_list span{ display:inline-block;float:right; height:45px; width:11.5%; background:url(../images/line.png); text-align:center;}
.menu{ margin-left:-10px;}
.head_right{ height:45px; background:#014188; margin-top:50px;position:absolute;left:81.25%;}
/*banner star*/
.main{ margin-bottom:2px;}
.banner{  clear:left; width:100%; height:670px;margin-top:95px;}
.flexslider { position: relative; height: 670px; overflow: hidden; background: url(../images/loading.gif) 50% no-repeat; z-index:1}
.slides { position: relative; z-index: 1;}
.slides li { height: 670px;  overflow:hidden;}
.slides li a{ width:100%; height:670px; display:block;}
.flex-control-nav { position: absolute; bottom: 10px; z-index: 2; width: 100%; text-align: center;}
.flex-control-nav li { display: inline-block; width:60px; height: 10px; margin: 0 5px; *display: inline; zoom: 1;}
.flex-control-nav a { display: inline-block; width: 60px; height: 10px; line-height: 40px; overflow: hidden; cursor: pointer; background-color:#fff; font-size:0; }
.flex-control-nav .flex-active { background-color:#0ab2d2; }
/*banner end*/

/*首页星空体育简介*/
.f2_box{ width:100%; height:670px; background:url(../images/2f_bg.jpg);}
.in_about_box{ width:1200px; margin:auto; padding-top:60px;}
.in_about_tit{ width:1200px; height:80px; line-height:40px; text-align:center; color:#666; font-size:24px; font-weight:600;}
.in_about_cont{ width:1200px; margin-top:30px; font-size:14px; line-height:25px;}
.in_about_img ul{ width:1200px; padding-top:30px;}
.in_about_img ul{ margin-left:-52px; width:1252px;}
.in_about_img ul li{ width:365px; height:215px;margin-left:52px; float:left; margin-bottom:30px;}

/*首页产品展示*/
.f3_box{ width:100%; height:670px; background:url(../images/3f_bg.jpg);}
.index_product_box{ width:1200px; margin:auto;}
.tab{width:1200px;height:500px;overflow:hidden; padding-top:80px; color:#FFF; margin:auto;}
.tab .tab_pic ul{height:500px;width:999em;position:relative;}
.tab .tab_pic ul li{float:left;}
.tab .tab_pic ul li a{display:block;}
.tab_pic{float:right;width:500px;height:500px;overflow:hidden;position:relative;}
.tab_txt{float:left;width:650px;height:350px;overflow:hidden;position:relative; margin-top:75px;}
.tab .tab_txt .prev,.tab .tab_txt .next{display:block;width:31px;height:31px;float:left;margin:0 0 0 0;overflow:hidden;cursor:pointer;background:url(../images/tab_btn.png);}
.tab .tab_pic .next{background-position:31px 0px;}
.tab .tab_txt ul{position:relative;}
.tab .tab_txt ul li{width:650px;height:500px;float:left;}
.btn_ct{width:500px;height:31px;padding:1px;display:block;position:absolute;left:0;bottom:0;z-index:2;}
.tab .tab_txt h3{ color:#FFF; font-size:24px; height:80px; line-height:40px;}
.tab .tab_txt p{ line-height:25px; color:#FFF; font-size:14px;}

/*首页星空体育中心*/
.f4_box{ width:100%; height:670px; background:url(../images/4f_bg.jpg);}
.huatab{width:1200px; background:#FFF; margin-top:30px;}
.huatab ul.menu2{height:50px;background:#f5f5f5; color:#666;}
.huatab ul.menu2 li{float:left;text-align:center;width:400px;height:50px;background:#f5f5f5;line-height:50px;list-style:none;font-size:16px;cursor:pointer; font-weight:600;}
.huatab ul.menu2 li.active{ background:#F00; color:#FFF}
.con2,.con3{display:none;}
.con1 ul,.con2 ul,.con3 ul{padding:5px;}
.con1 ul li,.con2 ul li,.con3 ul li{padding:0 0 0 0;font-size:14px;color:#252525; height:235px; overflow:hidden;}
.con1 ul li:hover,.con2 ul li:hover,.con3 ul li:hover{color:#ba2636;cursor:pointer;text-decoration:underline;}
#Marquee_x { overflow:hidden; width: 1150px; margin:20px auto;} 
#Marquee_x ul li ,#Marquee_x ul li div{ float:left;line-height:25px;overflow:hidden; margin-left:10px;} /* 横向滚动必须让所有li左浮动 */
#Marquee_x ul li div{ float:left;line-height:25px;height:230px; width:360px; overflow:hidden; background:#f5f5f5;}
#Marquee_x ul li div p{ width:320px; display:block; color:#666; margin-left:20px;}
#n{margin:10px auto; width:1200px; border:1px solid #CCC;font-size:12px; line-height:30px;}
#n a{ padding:0 4px; color:#333}
.Marquee_tit{font-size:18px; font-weight:600; height:20px; line-height:20px; overflow:hidden;}
#Marquee_x ul li div p a{ color:#F00;}
.news_more{ width:1200px; height:30px; text-align:center; font-size:18px; font-weight:600; padding-bottom:35px;}
.news_more span{ width:150px; height:40px; line-height:40px; margin:auto; color:#666666;}
.news_more span a{ color:#666666;}
.news_more span a:hover{ color:#F00;}

/*底部*/
.footer_bg{ width:100%; height:160px; background:#38393a;}
.footer{ width:1200px; height:120px; margin:auto; font-size:14px;}
.bottom_left{ width:880px; height:75px; float:left; line-height:25px; color:#FFF; margin-top:22px;}
.bottom_left a{color:#fff;}
.bottom_right{ width:310px; height:90px; float:right; margin-top:10px;}
.bottom_right img{ width:90px; margin-right:10px;}













/*内页*/
.main_box{ width:100%;margin-bottom:100px;height:auto;overflow:hidden;margin-top:95px;}
.nybanner{ width:100%; height:495px; overflow:hidden;}
.about_box{ width:100%; margin-top:60px;}
.about{ width:1200px; margin:auto;}
.title_box{ width:795px; height:100px; margin:auto;}
.title_left{ width:200px; height:2px; margin-top:19px; float:left; background:url(../images/title_left_bg.jpg);}
.title_mid{ width:395px; height:40px; float:left; font-size:24px; line-height:40px; text-align:center; font-weight:600;}
.title_right{ width:200px; height:2px; margin-top:19px; float:left; background:url(../images/title_right_bg.jpg);}
.title_en{width:765px; height:30px; clear:both; margin:auto; text-align:center; font-size:14px;}

.liuc{ clear:both; width:335px; margin:auto; height:40px; background:url(../images/liuc_bg.png);}
.liuc li{ width:75px; margin-left:30px; text-align:center; float:left;}
.liuc li span{ clear:both; margin:auto; display:block; width:15px; height:15px;/*background:#4880cf;*/background:#ccc;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
.liuc li .ahv{ clear:both; margin:auto; display:block; width:15px; height:15px;background:#4880cf;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
.liuc li .ahv01{ color:#4880cf;}
.liuc2{width:140px; margin:auto; height:40px; background:url(../images/liuc_bg.png);}
.liuc2 li{ width:75px; margin-left:30px; text-align:center; float:left;}
.liuc2 li span{ clear:both; margin:auto; display:block; width:15px; height:15px;/*background:#4880cf;*/background:#ccc;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
.liuc2 li .ahv{ clear:both; margin:auto; display:block; width:15px; height:15px;background:#4880cf;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
.liuc2 li .ahv01{ color:#4880cf;}
.content_box{ width:1200px; margin:30px auto; background:#d9dfef; height:450px;}
.cent_img{ width:395px; height:450px; float:left;}
.cent_text{ color:#666; width:805px; height:450px; float:right; font-size:14px; line-height:25px;}
.text_box{ width:745px; margin:auto; padding-top:20px; padding-bottom:20px; overflow:hidden;}
.text_box p{font-size:14px; line-height:20px;margin-top:0px;}
.develop_box{ width:100%; height:670px; background:url(../images/about_lc.jpg) repeat-y; margin-top:50px;}
.lc_box{ width:1200px; margin:auto; font-size:14px; line-height:25px; color:#666;}
.develop_list{ width:790px; min-height:395px; float:left; margin-top:40px;}
.develop_img{ width:410px; float:left;margin-top:40px;}
.develop_list ul{ width:790px; margin-left:-50px;}
.develop_list li{ font-size:14px; color:#666; float:left; width:335px; margin-left:50px;height:210px;overflow: hidden;}
.slide_container { margin-bottom: 50px; position: relative; float: left; width: 100%; }
.slide { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; }
.slide li { position: absolute; width: 100%; left: 0; top: 0; }
.slide img { display: block; position: relative; z-index: 1; height: 395px; width: 100%; border: 0; }
.slide .caption { display: block; position: absolute; z-index: 2; font-size: 20px; text-shadow: none; color: #fff; background: #333; background: rgba(0,0,0, .3); left: 0; right: 0; bottom: 0; padding: 10px 20px; margin: 0; max-width: none; }
.slide_nav { position: absolute; -webkit-tap-highlight-color: rgba(0,0,0,0); top: 52%; left: 0; opacity: 0.7; z-index: 3; text-indent: -9999px; overflow: hidden; text-decoration: none; height: 61px; width: 38px; background: transparent url("../images/themes.png") no-repeat left top; margin-top: -45px; }
.slide_nav:active { opacity: 1.0; }
.slide_nav.next { left: auto; background-position: right top; right: 0; }

.wh_tit{ width:100%; font-size:18px; color:#4880cf; padding-top:10px;}
.wh_botbox{ width:1200px; margin-top:10px;}
.wh_botbox ul{ width:1200px;}
.wh_botbox ul li{ width:600px; height:280px; background:#eac02e; float:left;border-bottom:1px #fff solid;}
.wh_botbox ul li a{ display:block; width:600px; height:280px; background:#eac02e;}
.wh_botbox ul li a:hover{background:#4880cf;}
.wh_botbox ul li .wh_botimg{ width:300px; height:280px; float:left;}
.wh_botbox ul li section{ width:300px; height:280px; float:right;}
.wh_botbox ul li section div{ clear:both; padding-top:50px; text-align:center; width:260px; margin:auto; color:#FFF;}

/*产品展示*/
.product_box{ width:1200px; margin:auto;}
.product_list{ width:1200px;overflow:hidden;height:auto;}
.product_list ul{ margin-left:-52px; width:1252px;}
.product_list ul li{ width:365px; height:280px; background:#fff; margin-left:52px; float:left; margin-top:30px; margin-bottom:30px;}
.product_list ul li:hover{}
.summary{background:#333;}
.listbox{float:left;display:inline;background:#f6f6f6;width:365px;height:335px;position:relative;}
.listimg{float:left;width:365px;height:215px;position:relative;overflow:hidden;}
.listimg img{background:#333;width:365px;height:215px;top:0;left:0;position:absolute;}
.summary{width:365px;height:215px;top:215px;left:0;position:absolute;}
.summarytxt{margin:5px 10px;width:360px;height:auto;line-height:22px;font-size:14px;color:#cfcfcf; overflow:hidden;}
.product_tit{ clear:both; width:365px; height:40px; font-size:18px; font-weight:600px; color:#333; text-align:center; line-height:40px; overflow:hidden; padding-top:10px;}
.product_tit a{ color:#333;}
.product_tit a:hover{ color:#d00004;}
.sxp{ width:475px; overflow:hidden; padding-top:30px; margin:auto; color:#666;}
.sxp a{ width:55px; height:26px; display:block; float:left; margin-right:10px; display:inline; text-align:center; line-height:26px; font-size:12px; color:#666; border:1px solid #666;}
.sxp a:hover{ color:#fff; border:1px #ff0000 solid; background:#ff0000}
.sxp span{ width:55px; height:26px; display:block; float:left; margin-right:10px; display:inline; text-align:center; line-height:26px; font-size:12px; color:#666;}

/*.listtag{float:left;padding-left:18px;background:url(../images/taglist.gif) 0 5px no-repeat;width:232px;color:#999;}
.listtag a{margin:0 8px 0 0;margin:2px 8px -2px 0\9;_margin:0 8px 0 0;color:#999;}
.listtag a:hover{color:#2ad2bb;}
.listdate{float:left;margin-right:13px;padding-left:18px;background:url(../images/time.gif) 0 5px no-repeat;color:#999;}
.listview{float:left;margin-right:13px;padding-left:24px;background:url(../images/view.gif) 0 5px no-repeat;color:#999;}
.listcomment{float:left;margin-right:13px;padding-left:20px;background:url(../images/comment.gif) 0 5px no-repeat;color:#999;}
.listdemo a{float:left;margin-top:0;margin-top:2px\9;_margin-top:0;color:#999;white-space:nowrap;}
.listdemo a:hover{color:#2ad2bb;}*/
.yuz_box{ width:100%; background:#f0f0f0; margin-top:50px;}
.yuz_type{ width:1200px; margin:auto; padding-top:40px;}
.yuz_tit{ width:1130px; font-size:18px; color:#4880cf; font-weight:600; margin:auto;}
.yuz_type p{ font-size:14px; line-height:25px; width:1130px; margin:auto; padding-bottom:20px;}

/*鱼种*/
.type_fish_box{ width:1200px; overflow:hidden;}
.friend{height:370px;margin:0 auto;overflow:hidden;width:1200px; padding-bottom:40px;}
.mr_frbox{height:370px;}
.mr_frBtnL{cursor:pointer;display:inline;float:left;height:30px;margin:160px 10px 0 0;width:20px;}
.mr_frUl{float:left;height:370px;width:1140px; margin-left:-10px; overflow:hidden;}
.mr_frBtnR{float:right;margin-top:160px;cursor:pointer;width:20px;height:30px;}
.mr_frUl ul li{display:inline;float:left;height:370px;width:365px;overflow:hidden;position:relative; margin-left:15px; background:#4880cf;}
.mr_frUl ul li img{/*display:block;*/width:365px; height:218px; display:block;}
.tfb_center{ width:338px;margin:10px auto;}
.tfb_center .fish_tit{ font-weight:600; font-size:18px; color:#fff; display:block; width:80px; border-bottom:2px #fff solid; height:30px; line-height:30px;}
.fish_cent{ margin-top:20px; color:#FFF;}
.mr_frUl ul li a:hover{ height:370px; background:#fa735d; display:block;}
.prev_next_box{ clear:both; height:40px; border-top:1px #CCCCCC dashed;}
.mr_frbox .prev{ width:20px; height:40px; line-height:40px; float:left; font-size:14px; text-align:right;}
.mr_frbox .next{ width:20px; height:40px; line-height:40px; float:right; font-size:14px;}

.product_delbox{ width:1200px; margin-top:30px; overflow:hidden;}
.product_tit2{ width:1200px; font-size:18px; text-align:center;}
.product_titbot{ height:2px; width:100px; background:#F00; margin:5px auto;}
.product_cent{ width:1200px; margin:30px auto;}
.product_cent p{ font-size:14px; line-height:25px;}
.product_imgbox ul{ width:1200px;}
.product_imgbox ul{ margin-left:-52px; width:1252px;}
.product_imgbox ul li{ width:365px; height:215px;margin-left:52px; float:left; margin-bottom:30px;}


/*联系星空体育*/
.contact_way{ width:900px; margin:auto; height:auto;}
.contact_way ul li{ width:298px; height:auto; border:1px #999999 solid; float:left;}
.qq_left{ width:120px; height:70px; float:left;}
.qq_left img{ width:50px; height:70px; float:right;}
.qq_right{ float:left; height:40px; margin-top:15px;}
.address{ clear:both; width:1200px; height:40px; line-height:40px; text-align:center; margin-top:20px; font-size:14px;}
.dgmap{ width:1200px; height:300px; padding-top:20px;}
.fish_apecyum{ width:1200px; margin-top:40px;}

/*星空体育中心*/
.news_box{ width:1200px; margin:30px auto; background:#d9dfef; height:270px;}
.news_img{ width:395px; height:270px; float:left;}
.news_text{ color:#666; width:805px; height:270px; float:right; font-size:14px; line-height:25px;}
.news_tit{ width:805px; height:40px; margin-top:10px; overflow:hidden; line-height:40px;}
.news_list_box{ width:1200px; margin:30px auto;}
.news_list_bo .ul_list_1{ height:auto;}
._list_box{ clear:both; width:1200px; background:url(../images/news_bg.jpg) repeat-y;}
.list_01_left{ width:170px; float:left; height:auto; margin-top:20px;}
.ul_list_01{ width:1030px; float:right;}
.list_01_bg{ color:#FFF; text-align:center; width:110px; height:60px; background:#F00;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}
.list_01_rigtit{ font-size:18px;}
.list_01_rigcent{ margin-top:10px; height:55px; overflow:hidden; font-size:14px; line-height:25px; margin-bottom:20px; border-bottom:1px #CCCCCC dashed;}
.ul_list_01 li{ height:105px; margin-top:20px;}
.list_01_rigcent a{ color:#F00;}

.more_news a{color:red;}


.view_video{margin:0px auto;width:800px;height:600px;}

.index_news li{width:100%;height:25px !important;overflow:hidden;padding:10px 0px !important;}
.news_title{display:block;width:200px;height:25px;float:left;overflow:hidden;}
.news_date{display:block;width:90px;height:25px;float:right;}
