@charset "utf-8";
/* CSS Document */
body{ margin:0px; padding:0px; font-size:14px; background:#FFF; line-height:30px; font-family:"Microsoft Yahei", Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; color: #333;}
ul,li,ol{ margin:0px; padding:0px; list-style:none;}
a{ color:#333; text-decoration:none;}
img{ border:0px;}
.clear{ clear:both; display:block;}

.index{ clear:both; width:1200px; margin:0px auto; }
.indexC{ clear: both; display: block; margin: 10px 0px; }


.top{ clear: both; display: block; }



/* menu style ========================================= */
.menu{ clear: both; display: block; height: 40px; background: #186bb4;}
.nav { clear: both; display: block; width: 1200px; height: 40px; margin: 0px auto;}
.nav li { display: inline-table; float: left; position: relative; width: 92px; height: 40px; }
.nav li.last { background: none;}
.nav li:hover{ background: #0b8cbd;}
.nav li span a{ clear: both; display: block; width: 100%; height: 40px; line-height: 40px; color: #FFF; font-size: 14px; text-align: center; }
.nav .on{ clear: both; display: block; background: #0b8cbd; width: auto;}
.nav li.selected .submenu { display: block; }
.nav li .submenu { display: none; position: absolute; top: 40px; left: 0px; width: 100%; z-index: 10000; background: #186bb4; box-shadow: 0px 0px 20px #999; text-align: center; }
.nav li .submenu a{ color: #fff; font-weight: normal; }



.indexContent{ clear:both; display:block;}

.indexOne{ clear: both; display: block; margin-bottom: 15px; }

.banner{ float: left; display: block; width: 350px; height: 215px; }



/* banner style start */
.flexslider { position: relative; height: 300px; overflow: hidden; }
.slides { position: relative; z-index: 1;}
.slides li { height: 300px; }
.flex-control-nav { position: absolute; bottom: 20px; z-index: 2; width: 100%; text-align: center;}
.flex-control-nav li { display: inline-block; width: 14px; height: 14px; margin: 0 5px; *display: inline; zoom: 1;}
.flex-control-nav a { display: inline-block; width: 14px; height: 14px; line-height: 50px;  border-radius: 50%; background: #ccc; overflow: hidden; cursor: pointer;}
.flex-control-nav .flex-active { background: #1c63b3;}
.flex-active-slide img{ border: 0px; width: 350px; height: 300px; }


/* index news */
.indexNews{ float: left; display: block; width: 380px; border: 1px solid #e3e3e3; margin : 10px 8px;}
.indexNewsTop{ float: left; display: block; width: 440px; border: 1px solid #e3e3e3; margin: 0px 8px 10px; }

.indexNewsTitle{ clear: both; display: block; height: 40px; line-height: 40px; background: #02a5c4 URL(../images/indexTitle.jpg) left bottom no-repeat; text-indent: 1em; font-weight: bold; }
.indexNewsList{ clear: both; display: block; }
.indexNewsList li{ clear: both; display: block; border-bottom: 1px dashed #e3e3e3; text-indent: 1em; background: URL(../images/listIcon.gif) left 50% no-repeat; height: 30px; line-height: 30px; overflow: hidden; margin: 0px 10px; }
.indexNewsList li span{ float: right; }
.indexNewsMore{ clear: both; display: block; text-align: right; font-size: 12px; padding-right: 10px; }



.indexChannel{ float: right; width: 380px; background: #e3e3e3 }
.channelTit{ clear: both; display: block; height: 35px; line-height: 35px; font-weight: bold; }
.channelList{ clear: both; display: block; }
.channelList span{ float: left; display: block; padding: 0px 10px; height: 40px; line-height: 40px; background: #1469de; border-radius: 10px; box-shadow: 0px 0px 20px #777; margin: 10px 0px 10px 10px; }
.channelList span a{ color: #FFF; }






/* copy style */
.copyLine{ clear: both; display: block; height: 20px; background: URL(../images/copyLine.png) center top no-repeat; margin-top: 20px; }
.copy{ clear: both; display: block; padding: 10px 0px; text-align: center; }



/* location style */
.location{ clear: both; display: block; height: 37px; line-height: 37px; background: URL(../images/location.jpg) left top no-repeat; text-indent: 1.5em; color: #FFF; }
.location a{ color: #FFF; }


/* left style */

.left{ float:left; width:300px; }
.firList{ clear: both; display: block; height: 40px; line-height: 40px; text-indent: 2em; background: #f6f6f6 URL(../images/listIcon.gif) 10px 50% no-repeat; margin-bottom: 2px; font-size: 16px; }
.firList:hover{ background: #c9dcf1 URL(../images/listIcon.gif) 10px 50% no-repeat; }
.firList .cur{ color: #C00; }



/* right style */
.right{ float: right; width: 870px;}

.rightC{ clear: both; display: block; margin: 20px 0px; }

.rightText{ clear: both; display: block; margin: 0px; }

.title{ clear: both; display: block; text-align: center; font-size: 18px; font-weight: bold; }
.newsInfo{ clear: both; display: block; text-align: center; height: 30px; line-height: 30px; overflow: hidden; }
.newsContent{ clear: both; display: block; }
.newsContent img{ border: 0px; max-width: 760px; margin: 0px auto; }





/* sub news content style */
.newsList{ clear:both; display:block;}
.newsList li{ clear: both; display: block; border-bottom: 1px dashed #e3e3e3; text-indent: 1em; background: URL(../images/icon.jpg) left 50% no-repeat; height: 30px; line-height: 30px; overflow: hidden; }
.newsList li span{ float: right; }





/* page style */
.page{ clear: both; display: block; text-align: center; margin: 50px 10px 50px 0px;}
.page a{ display: inline-block; padding: 0px 10px; height: 30px; line-height: 30px; border: 1px solid #ccc; margin-right: 7px;}
.page b{ display: inline-block; padding: 0px 10px; height: 30px; line-height: 30px; border: 1px solid #C00; background: #C00; color: #FFF; margin-right: 7px;}

.pageList{ clear: both; display: block; border-top: 1px solid #e3e3e3;}

.pageContent{ clear: both; display: block; font-size: 14px; margin: 30px 0px;}



/* user center style */

/* login.php */
.user_login{ clear: both; display: block; width: 800px; margin: 30px auto; padding: 50px 0px; border: 1px solid #e3e3e3;  }

.user_li{ clear: both; display: block; width: 500px; height: 50px; line-height: 50px; margin: 10px auto;}
.user_li_text{ float: left; display: block; width: 100px; line-height: 35px; font-size: 18px;}
.user_li_input{ float: left; display: block;}
.user_li_input input{ border: 1px solid #e3e3e3; height: 30px; line-height: 30px; width: 335px; font-size: 18px; color: #666; text-indent: 1em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.user_li_input img{ border: 0px; cursor: pointer; width: 70px; height: 26px;}

.user_btn{ clear: both; display: block; text-align: center;}
.user_btn input{ border: 0px; width: 170px; height: 45px; line-height: 45px; font-size: 20px; color: #FFF; font-family: "Microsoft Yahei"; text-align: center; background: #c00; margin: 0px 15px; cursor: pointer;}


.user_title{ clear: both; display: block; text-align: center; font-size: 20px; font-weight: bold;}
.user_text_align{ clear: both; display: block; margin: 10px 0px; text-align: center;}
.user_text_align a{ margin: 0px 15px;}


/* user common */
.user_index{ clear: both; display: block; width: 900px; margin: 20px auto;}
.user_right{ float: right; width: 690px; border: 1px solid #e3e3e3;}
.user_location{ clear: both; display: block; height: 30px; background: #f4f4f4; height: 35px; line-height: 35px; border-top: 2px solid #c00; border-bottom: 1px solid #e3e3e3; text-indent: 1em;}
.user_right_table{ clear: both; display: block; margin-bottom: 20px;}
.user_left_list{ clear: both; display: block; border: 1px solid #e3e3e3; padding: 10px 0px 20px;}
.user_left_list li{ clear: both; display: block; height: 35px; line-height: 35px; border-bottom: 1px dashed #e3e3e3; margin: 0px 15px;}

/* cp.php */
.user_cp_right{ clear: both; display: block; margin: 20px; }
.user_cp_pic{ float: left; display: block; width: 150px; margin: 0px 20px;}
.user_cp_text{ float: left; display: block; width: 400px;}
.user_cp_text span{ clear: both; display: block; }

/* orderList.php */
.user_order_list{ clear: both; display: block; margin: 20px;}
.user_order_list li{ clear: both; display: block; height: 40px; line-height: 40px; overflow: hidden; border-bottom: 1px solid #e3e3e3;}
.user_order_list li strong{ font-size: 14px;}
.user_order_name{ float: left; display: block; width: 430px; overflow: hidden;; text-overflwo: ellipsis; white-space: nowrap;}
.user_order_num{ float: left; margin-left: 15px; display: block; width: 80px;  text-align: center;}
.user_order_time{ float: right; width: 90px; height: 40px; overflow: hidden;}


.kefu{ position: fixed; right: 0px; top: 260px; background: #FFF URL(../images/kefuBg.jpg) left top repeat-y; color: #FFF; width: 110px; }
.kefuClose{ position: absolute; right: 7px; top: 0px; cursor: pointer; display: none;}
.kefuTit{ clear: both; height: 49px; line-height: 49px; background: URL(../images/kefuTop.jpg) left bottom no-repeat; font-size: 16px; font-weight: bold; text-indent: 1em;}
.kefuList{ clear: both; display: block; margin: 0px; }
.kefuList li{ margin:5px 0px 5px 18px; height:28px; line-height: 28px; overflow: hidden; background: URL(../images/kefuIcon.png) left 50% no-repeat; text-indent: 2em;}
.kefuBottom{ clear: both; display: block; height: 30px; background: URL(../images/kefuBottom.jpg) left top no-repeat;}




/* scroll start */
.indexNewsGrow{ clear: both; display: block;}
.indexNewsGrow span{ float: left; display: block; width: 50px; }
.noticeList{ float: left; display: block; width: 1000px; height: 30px; line-height: 30px; overflow: hidden;}
.noticeList a{ margin-right: 20px;}

.grow {
	width:100%;
	float: left;
	overflow:hidden;
}
.grow2 {
	width:auto;
	height:auto;
	font-size:14px;
	float:left;
	overflow:hidden;
}
.grow2 li{
	float:left;
}
.scroll{ width:400%; }
/* scroll end */