﻿@charset "utf-8";
html,body {	margin: 0px; padding:0;background:url(../images/bodybg.jpg) no-repeat center top, url(../images/bgx.jpg) center top repeat-y; font-family: "微软雅黑"; font-size: 12px; color: #222; text-align:center; }
* { margin:0; padding:0; }
.bodyen{
background:#FFF url(../images/enbg.gif) repeat-x left top;
font-family:Arial;
}
img { border:0; }
h1,h2,h3,h4,h5,h6 { margin:0; padding:0; }
ul{ list-style:none;}
/* 链接样式 */
a { color:#666; text-decoration:none; }
a:hover { color:#F00; text-decoration:underline; }
#logo {width:230px; height:100px; display:block; overflow:hidden; background:url(../images/logo.jpg) no-repeat left 10px; margin:0 auto; padding-top:10px;}
.gray{ color:#999;}
.orange { color:#FF7800 !important; }
a.red { color:#F00 !important; }
.red{ color:#f00;}
.darkblue{ color:#590c31;}
.blue { color:#1F71AF; !important; }
a.more { text-align:left; color:#333; text-decoration:none; font-size:12px; font-weight:normal; position:absolute; right:0px; top:0px; }
a.more:hover { color:#c00; text-decoration:none; }
a.btnBlack { background:url(../images/bg_btn.gif) repeat-x; padding:4px 10px 5px 10px; color:#FFF !important; font-weight:700; font-size:14px; text-decoration:none !important; border:1px solid #000; }

.time{
	font-family:Arial;
	font-size:12px;
	color:#999;
	width:106px;
	text-align:center;
}
/* 按钮样式 */
input.text_type { border:1px solid #949494; color:#626262; }
input.select_type { border:none; background:url(../images/input_search_style.gif) no-repeat; width:124px; height:19px; color:#626262; }

.input1{ border:1px solid #ccc; 
-moz-border-radius: 10px;      /* Gecko browsers */
    -webkit-border-radius: 5px;   /* Webkit browsers */
    border-radius:5px;            /* W3C syntax */
	margin-bottom:5px;
	background:#eee;
	height:25px;
	line-height:25px;
	margin-bottom:-3px;
}
.input2{ border:1px solid #ccc; 
-moz-border-radius: 10px;      /* Gecko browsers */
    -webkit-border-radius: 5px;   /* Webkit browsers */
    border-radius:5px;            /* W3C syntax */
	margin-bottom:5px;
	background:#eee;
	height:20px;
	line-height:20px;
	margin-bottom:-3px;
}

.text7 td{ padding:4px 0;}

/* 位置 */
.left{float:left;}
.right{ float:right;}
/* 字体样式 */
.f12px{ font-size:12px; font-weight:normal;}
.f14px{ font-size:14px;}
.fB { font-weight:900; }
/* 顶部样式 */
#head { position:relative; margin:0 auto;width:982px; height:112px; z-index:5;}

.loginContent{ position:absolute; right:0px; top:60px;  height:27px; line-height:27px;text-align:left; }
.loginContenten{ position:absolute; right:0px; top:0px; width:157px; height:27px; line-height:27px; background:url(../images/loginbgen.jpg) no-repeat left top; color:#fff;}
.searchSubmit{  border:none; width:16px; margin-bottom:-5px;}

.proSearch1{ width:110px; border:1px solid #cacaca; height:20px; background:#eee; text-align:left; padding:0 5px; margin-bottom:15px;}
.searchInput1{ width:90px; color:#794c15;  height:18px; border:none; background:#eee;}
.searchSubmit1{  border:none; width:16px; margin-bottom:-3px; background:#fff;}

.searchInput{ width:177px; padding-left:10px; color:#333;  height:26px; line-height:26px; background:#fff; border:none; font-size:14px; margin:4px 0 0 15px;}


.topnav{ position:absolute; bottom:23px; right:190px; z-index:999;}
.topnav a{ padding-left:15px; background:url(../images/abouton.gif) no-repeat left center;}

.cnen{ position:absolute; right:0px; bottom:15px;}

#banner{ margin:0 auto; width:927px; height:284px; padding-top:35px;}

.topdh{ width:960px; margin:0 auto; padding:10px 0 10px 20px; border-bottom:1px dotted #ccc; background:url(../images/home.gif) no-repeat left center;}

.inbanner{ width:980px; height:83px; margin:10px auto;}


/*QQ微博登陆*/

.qqweiboUl{ width:100px; display:inline-block; position:relative;}
.qqweibo ul {display:none; position:absolute; list-style:none;  _margin:0 0 0 -60px;*margin:0 0 0 -60px; z-index:999;}
.qqweibo ul li {  background:#f60; width:90px;/*IE6 only*/ text-align:center;}
.qqweibo ul li a{ font-weight:bold; color:#fff;  font-size:12px; height:30px; padding-top:0; line-height:30px; display:block;}
.qqweibo ul li a:hover{ background:#e67016; color:#fff; text-decoration:none;}


/*menu*/
#navContent{ width:1000px; margin:0 auto; margin-bottom:20px; background:url(../images/navbg.png) no-repeat center top;}

.menu{height:37px;font-family:"Microsoft Yahei",Tahoma, Geneva, sans-serif;_overflow:hidden}
.menu a{color:#0c434c;height:37px;line-height:37px;float:left;position:relative; text-align:center;}
.top{background:#333;position:relative;z-index:2}
.menu li{font-size:14px;float:left;position:relative; width:100px; text-align:center;}
.menu li:hover{}
.menu li:hover a{text-decoration:none;}
.menu li.no_sub:hover{}
.menu ul{width:280px;position:absolute;left:0px;top:-999em;z-index:99999;padding:8px;display:none; background:url(../images/navbgx.png) no-repeat left top;; height:130px;}
.menu li:hover ul li:hover{ background:none;}
.menu li:hover ul{top:30px;display:block;}
.menu li:hover ul li{font-size:12px;border:none;float:left;height:25px;line-height:25px; }
.menu li:hover ul li a{color:#fff;text-decoration:none;padding:0;}
.menu li:hover ul li a:hover{text-decoration:underline; background:none;}
.tablink{ padding-left:20px;}
a.tablink:hover{ }


/*banner*/
#full-screen-slider { width:100%; height:480px;  position:relative; z-index:1; margin:0 auto; overflow:hidden;}
#slides { display:block; width:100%; height:480px; list-style:none; padding:0; margin:0; position:relative}
#slides li { display:block; width:100%; height:480px;list-style:none; padding:0; margin:0; position:absolute; left:0;}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
#pagination { display:block; list-style:none; position:absolute; left:20%; top:450px; 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}



/* page css */
#info_box{ margin-top:80px;}
h1.title{ font-size:18px;font-family:"Microsoft Yahei",Verdana; margin:0 0 10px 20px; padding:1px 2px; line-height:26px; background:#333; color:#fff; display:inline-block;_ display:inline;}
p.text{ font-size:14px;font-family:"Microsoft Yahei",Verdana; line-height:22px; color:#333; padding:0 20px;}
p.text a{color:#0088CC; margin:0 1px;}
p.text a:hover{ text-decoration:underline;}
.mycode{background:#EEEEEE;border: 1px dashed #CCCCCC;font-size:10pt;margin:10px 20px;padding:10px; font-family:"Courier New",Verdana;}
.mycode pre{ color: #0000FF;margin: 0; white-space: pre-wrap;word-wrap: break-word;}
.mycode pre span.note{color:#999; font-size:12px;line-height:20px;}
.mycode pre span.highlight{color:#F00; font-weight:bold;}
.mycode pre h4{ font-size:12px; background:#c00; color:#fff; display:inline-block;height:20px;line-height:20px; padding:0 5px;}

/* 文本切换盒子 - 公用类 */
.dhooo_tab{width:325px;position:relative; }
.tab_btn{float:right; width:70px}
.tab_btn li {  cursor:pointer;background:#f0ad3c; margin-bottom:5px;}
.tab_btn li a{width:60px; height:42px; padding:5px;  display:block;}
.tab_btn li a:hover{ background:#e67016;}
.tab_btn li img{width:60px; height:42px;}
.tab_btn li.hot {background:#e67016;cursor:default;}

.tab_btn_num{position:absolute; right:50px;bottom:15px;}
.tab_btn_num li{width:20px;height:20px;background: #CC3300;border:2px solid #993300; overflow:hidden; color:#fff; filter:alpha(opacity=80);opacity:0.8;float:left;cursor:default; font-size:12px;line-height:20px; margin:0px 5px; font-family:Arial;}
.tab_btn_num li.hot{background:#FFCC00; color:#993300; border:2px solid #FF0000; }
.shell{width:99999px; height:100%; }
.shell li{float:left; width:240px; height:100%; }
.shell li img{width:328px;height:170px; }
.main{width:240px;height:170px; overflow:hidden;  background:#000;}




/*公告*/
.iboard{ background:url(../images/iboardbg.jpg) no-repeat left top; padding-left:30px; height:29px; line-height:29px; position:relative;}
.iboard .comNewsUl1{ margin:0; padding:0; list-style:none;}
.iboard .comNewsUl1 li{ width:350px; float:left; height:29px; line-height:29px; overflow:hidden;}
.iboard .comNewsUl1 li span.date1{ font-size:12px;}



div.sitemap{ position:absolute; top:7px; right:5px; width:141px; height:21px; display:block; border:none; background:url(../images/sitemap.gif) no-repeat; }
ul.sitemap { list-style:none; background:#d4ddec; border:1px solid #225893; color:#1f5a95; width:130px; z-index:9999; margin-left:5px;}
ul.sitemap li { padding:2px 5px; }

.video{ width:230px; height:140px;}

/*二维码*/
*html{background-image:url(about:blank);background-attachment:fixed;}/*解决IE6下滚动抖动的问题*/
#code,#code_hover,#gotop{ width:36px; height:48px; background:url(../images/icon.png) no-repeat; position:fixed; right:50px; cursor:pointer;
_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))); z-index:999;
}
#code{ background-position:-276px -433px; bottom:120px; _margin-bottom:120px;}
#code_hover{ background-position:-316px -433px; bottom:120px; _margin-bottom:120px;}
#gotop{ background-position:-276px -485px; bottom:67px; _margin-bottom:67px;} 

#code_img{ width:270px; height:539px; background:url(../images/icon.png) -4px -3px no-repeat; position:fixed; right:90px; bottom:67px; cursor:pointer; display:none;
_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))); _margin-bottom:67px; z-index:99;}

/* 底部版权声明 */
#friendlink { text-align:left; background:url(../images/dlcustombot.gif) no-repeat left bottom; margin:0 auto; width:975px; border-top:1px dotted #ccc;}
#customer h2 { height:25px; line-height:25px; font-size:12px; background:url(../images/dlcustom.gif) no-repeat; padding-left:15px; }
#friendlink ul { margin:0; padding:5px 0; list-style-type:none;}
#friendlink li { float:left; line-height:20px; padding: 0 10px 0 15px; background:url(../images/dot1.gif) no-repeat 8px center;}
/* 底部友情链接 */
#footer{
	color:#fff;
	width:100%;
	margin:0px auto;
	line-height:150%;
	text-align:center;
	background:#288a9a;
	height:55px;
	overflow:hidden;
	padding-top:10px;
}
#footer a{ color:#fff;}
.footer_txt{
	position:absolute;
	right:0;
	top:0px;
}
.footer_txt select{color:#222;}
/* 边框样式 */
.bDarkgrey { border:1px solid #949494; }
/* 其它样式 */
.channel { margin:10px auto; width:999px; text-align:left; }
.channelIn{ margin:0px auto; width:990px; text-align:left; background:url(../images/bgx.jpg) repeat-y center top;}
#ebanner { margin:2px auto; width:944px; text-align:left;  }
.c_bg{ background:url(../images/cbg.jpg) no-repeat 130px top;}
.c_bgEn{ background:url(../images/cbg.jpg) no-repeat 200px top;}
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } 
.clearfix { display:inline-block; }
/* Hide from IE Mac \*/ 
.clearfix { display:block; }
/* End hide from IE Mac */ 
/* end of clearfix  */
/*========== page */
#page {
	padding: 20px 10px 20px 10px;
	margin: 0px auto;
	text-align: center;
}
#page a {
	display: inline-block;
	width: 28px;
	height: 28px;
	line-height:28px;
	text-align: center;
	color: #888888;
	font-size: 15px;
	background: url(../images/page.jpg) no-repeat;
	background-position: 0px 0px;
	margin: 0px 3px 0px 3px;
}
#page a:hover {
	background-position: 0px -80px;
	color: #ffffff;
}
#page .current {
	display: inline-block;
	width: 28px;
	height: 28px;
	text-align: center;
	color: #ffffff !important;
	font-size: 15px;
	background: url(../images/page.jpg) no-repeat;
	background-position: 0px -80px !important;
	margin: 0px 3px 0px 3px;
}
#page .prve {
	background-position: 0px -120px;
	text-indent: -9999em;
}
#page .prve:hover {
	background-position: -40px -120px;
}
#page .prveNO {
	background-position: 0px -120px !important;
	text-indent: -9999em;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
#page .next {
	background-position: 0px -158px;
	text-indent: -9999em;
}
#page .next:hover {
	background-position: -40px -158px;
}
#page .nextNO {
	background-position: 0px -158px !important;
	text-indent: -9999em;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
/* end*/
/*浮动QQcss*/
.izl-rmenu{position:fixed;left:50%;margin-left:532px;bottom:238px;padding-bottom:73px;background:url(../images/r_b.png) 0px bottom no-repeat;z-index:999;}
.izl-rmenu .btn{width:72px;height:73px;margin-bottom:1px;cursor:pointer;position:relative;}

.izl-rmenu .btn-qq{background:url(../images/r_qq.png) 0px 0px no-repeat;background-color:#6da9de;}
.izl-rmenu .btn-qq:hover{background-color:#488bc7;}
.izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background:url(../images/r_qq.png) 0px 0px no-repeat;background-color:#6da9de;text-decoration:none;display:block;}

.izl-rmenu .btn-pl{background:url(../images/r_pl.png) 0px 0px no-repeat;background-color:#000;}
.izl-rmenu .btn-pl:hover{background-color:#111;}
.izl-rmenu a.btn-pl,.izl-rmenu a.btn-pl:visited{background:url(../images/r_pl.png) 0px 0px no-repeat;background-color:#9eb223;text-decoration:none;display:block;}

.izl-rmenu .btn-wx{background:url(../images/r_wx.png) 0px 0px no-repeat;background-color:#78c340;}
.izl-rmenu .btn-wx:hover{background-color:#58a81c;}
.izl-rmenu .btn-wx .pic{position:absolute;left:-160px;top:0px;display:none;width:160px;height:160px;}

.izl-rmenu .btn-tmall{background:url(../images/r_tmall.png) 0px 0px no-repeat;background-color:#8d110b;}
.izl-rmenu .btn-tmall:hover{background-color:#da251c;}
.izl-rmenu .btn-tmall .pic{position:absolute;left:-160px;top:0px;display:none;width:160px;height:190px; background:#da251c; color:#fff;}
.izl-rmenu .btn-tmall .pic a{ color:#fff; font-size:16px;}
.izl-rmenu .btn-tmall .pic img{width:160px;height:160px;}

.izl-rmenu .btn-phone{background:url(../images/r_phone.png) 0px 0px no-repeat;background-color:#fbb01f;}
.izl-rmenu .btn-phone:hover{background-color:#ff811b;}
.izl-rmenu .btn-phone .phone{background-color:#ff811b;position:absolute;width:160px;left:-160px;top:0px;line-height:73px;color:#FFF;font-size:18px;text-align:center;display:none;}
.izl-rmenu .btn-top{background:url(../images/r_top.png) 0px 0px no-repeat;background-color:#666666;display:none;}
.izl-rmenu .btn-top:hover{background-color:#444;}
