@charset "utf-8";

/*■■■■■■■■　共同设定 ■■■■■■■■*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,table,tr,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
ul,ul li,input, dl, dd {  padding:0; margin:0; list-style-type:none;}
img,a img{border:0;margin:0;padding:0;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
a{text-decoration:none; color:#757575;}
a:hover{text-decoration:none; }
.clear{clear:both;}
/* HTY Common Atom*/
.clear{background:none;border:0;clear:both;display:block;float:none;font-size:0;overflow:hidden;visibility:hidden;width:0;height:0;}
.clear-fix:after{content:"."; display:block; height:0; font-size:0; clear:both; visibility:hidden;}
.fl{float:left;}
.fr{float:right;}
.c_b{clear:both;}
textarea{resize:none; overflow:auto;}

/*■■■■■■■■　基本设定　■■■■■■■■*/
body{font-family:"微软雅黑"; font-size:12px; color:#757575; overflow-x:hidden;  margin:0 auto;background: url(../images/bg.jpg) center top  repeat; position:relative; }
.theme_color{background:#000;}
.theme_color1{background:#ee0062;}
.theme_color2{background:#222;}
.wl_1004{width:1004px; margin:0 auto; position:relative;}

/*-----------------  ■ common -------------------*/
.rollover:hover img{opacity:0.7; filter:alpha(opacity=70); -ms-filter:"alpha(opacity=70)"; -khtml-opacity:0.7; zoom:1;}
.main{width:1004px; margin:0 auto; position:relative;}
/*-----------------  ■ header -------------------*/
.header{width:100%; height:76px; background:url(../images/d4.jpg) repeat-x left center; }
.logo{float:left; height:76px;  position:relative; z-index:1;}
.header .tel{ text-align:right;height:77px; margin-top:-16px; float:right; padding:15px 0 0 105px;  line-height:25px; font-size:14px; color:#634400;  text-transform:uppercase;background:url(../images/d1.png) no-repeat left bottom;}
.header .tel p{ display:block; padding-top:10px;}
.header .tel span{font-size:28px;font-style:Impact; color:#ba0a04; }

/*------search-------*/
.sf{ width:1006px; height:75px; margin:-26px auto 0; position:relative; z-index:111;    background: url(../images/search_bg.png) center 0 no-repeat;}
.se_l{ float:left; width:602px; height:70px;}
.se_l .sl{ float:left; color:#e3e3e3; font-size:14px; line-height:30px; margin:20px 0 0 50px;}
.is_r{ float:right; width:320px; color:#fff; padding-right:30px; font-size:14px; line-height:20px; margin:13px 0 0}
.is_r p{ display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.search01{ float:left; width:400px; height:34px; margin:18px 0 0 10px;background: url(../images/d1.jpg) no-repeat left center; }
.search02{ float:left; height:34px;}
.search02 input.search03{ float:left; margin:0; width:220px; font-size:14px; color:#000; font-family:'微软雅黑'; height:34px; line-height:34px;  border:none;     padding:0 0 0 10px; background:none  }
.search01 input.search04{ float:right; width:62px; font-size:14px; color:#ccc; font-family:'微软雅黑'; height:34px;border:none; border:0; background: none;  cursor:pointer; }

.search05{ float:left; width:80px; height:34px;background: url(../images/select.gif) no-repeat right center; margin-left:5px}
.jslct { float:left;color:#000;font-family:"微软雅黑";display:inline-block;*display:inline;zoom:1;font-size:14px;position:relative;vertical-align:middle;cursor:default; width:66px; padding-right:14px; height:35px; line-height:35px; z-index:0;}
.jslct_hover {}
.jslct div.jslct_t {position:relative; z-index:2;*display:block!important;*display:inline;zoom:1;}
.jslct em {font-style:normal;margin:0;padding:0 ;display:block; text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.jslct dl, .jslct dl dd {padding:0;margin:0;list-style:none}

.jslct dl {background:#000;position:absolute;top:34px;left:0px;cursor:default; width:66px; overflow:hidden;z-index:1;display:none; font-size:12px;}
.jslct_hover dl {}
.jslct dl dd { text-align:center;line-height:24px; white-space:nowrap;cursor:pointer;background:#000;-moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s; color:#fff100}
.jslct dl dd:hover {color:#fff100; }
.jslct dl dd.hover {color:#fff100; }
.jslct .jslcted {}
.jslct dl dd.noborder {}

/*********nav*********/
.g_nav{height:56px; width:100%;position:relative; z-index:1; background:#010101;}
.g_nav01{width:1000px; margin:0 auto;}
.g_nav01 table tr td{text-align:center; height:56px; position:relative;}
.g_nav01 a{display:block;height:56px; line-height:56px; color:#fff; font-size:16px; position:relative;}
.g_nav01 td.now a, .g_nav01 td:hover a{color:#fff;background:url(../images/d5.jpg) no-repeat left center; background-size:cover; }
.g_nav01 a.now div{width:8px; height:6px; background-image:url(../images/nav_now.png); background-repeat:no-repeat; position:absolute; left:50%; margin-left:-4px; top:44px;}
.g_nav01 a span{font-size:12px; color:#baa58c;}
.g_nav01 table tr td .nav_tan{ display:none; width:100%; position:absolute; left:0; top:56px; padding:5px 0 10px 0; background:rgba(61,61,61,0.8); }
.g_nav01 table tr td .nav_tan a{ background:none;width:90%; margin:0 auto; line-height:30px; height:30px; font-size:12px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#fff; }
.g_nav01 table tr td .nav_tan a:hover{ color:#fff; background:#3d3d3d }


.nMenu{
	position: absolute; right: 0px; top: -30px;
	width: 192px; height: 30px;
}
.nMenu li{
	float:left;
	width:96px; height: 30px; text-align: center;}
.nMenu li a{ color: #ffffff;font-size: 14px; line-height: 30px; }	


/*首页头部banner*/
.bannerf{}
.banner{height:405px;width:100%; margin:0 auto; overflow:hidden; position:relative; padding-bottom:8px;   background: url(../images/banner_bar.jpg) left top repeat ;}
.banner>ul{width:auto;}
.banner>ul li{height:405px; background-size:cover; background-position:top center; float:left;background-repeat:no-repeat;}
.banner>ul li a{ float:left; width:100%; height:100%}

.banner .ctrl{position:absolute; z-index:99; width:100%; bottom:10px; right:0; text-align:center; display:none;}
.banner .ctrl div{ display:inline-block;margin-right: 12px;width:67px; height: 10px;  text-align: center; cursor: pointer; background:#2f2f2f; font-size:0; color:#fff; }
.banner .ctrl div.now{width:67px;margin-right: 12px; height: 10px ; text-align: center; cursor: pointer;background:#dd0006;font-size:0;color:#dd0006;}
.banner .prev{width:51px; height:82px; background-image:url(../images/arrow_left.png); position:absolute; z-index:10; left:177px; bottom:50%; margin-bottom:-10px; cursor:pointer;}
.banner .next{width:51px; height:82px; background-image:url(../images/arrow_right.png); position:absolute; z-index:10; right:177px; bottom:50%; margin-bottom:-10px; cursor:pointer;}


/* footer*/
.foot_nav{width:980px;height:79px;background:url(../images/foot_bar.jpg) 0 0 no-repeat #010101;text-align:center;font:14px/77px "microsoft yahei";color:#b3b3b3;text-overflow: ellipsis;overflow: hidden;white-space: nowrap}
.foot_nav a{color:#b3b3b3;margin:0 14px;}
.foot_nav p{width:955px;height:0;overflow: hidden;margin:0 auto;border-top:1px solid #2a2a2a}
.foot{width:100%; margin:0 auto;height:109px;padding-top:23px;text-align:center;background:#010101}
.foot p{width:100%;text-align:center;font:12px/26px "microsoft yahei";color:#656565;}
.foot p span{margin:0 6px;}
.foot p a{color:#656565}
.share{width:150px;margin:15px auto 0}

.links_bg{width:100%;height:45px;background:url(../images/links_bg1.jpg) 0 0 repeat-x;}
.links{width:980px;height:45px;margin:0 auto;background:url(../images/linksbg.jpg) 13px 8px no-repeat;text-indent:50px;font:14px/45px "microsoft yahei";color:#010101;text-overflow: ellipsis;overflow: hidden;white-space: nowrap}
.links span{font:700 16px/45px "microsoft yahei";color:#010101}
.links a{color:#010101;margin:0 4px;}
.foo_img{ position:absolute; left:0; bottom:118px;}
.foo_img2{ position:absolute; right:0; bottom:118px;}

/*---index---底部导航*/
.menuf{ width:980px; margin:0 auto;height:40px;padding:25px 0 10px;background:url(../images/foot_bar.jpg) #000 center top no-repeat; }
.menuf  a{ display:block; margin:0 auto; width:80px;text-align:center; color:#b3b3b3;font-size:14px ;  height:40px; line-height:40px; }
.menuf td{background:url(../images/d3.jpg) right 13px no-repeat;}
.menuf td:last-child{ background:none;}
.menuf a:hover,.menuf li a.cur{ color:#b3b3b3;}

/* fixed */
.fixed{position:fixed;width:55px;height:212px;right:25px;bottom:50px;_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;}
.fixed a{display:block;width:55px;height:53px;}
.barbook{background:url(../images/fixed.jpg) 0 0 no-repeat;}
.barbook:hover{background-position:-54px 0;}
.fixed a.codepic{background:url(../images/fixed.jpg) 0 0 no-repeat;background-position:0 -53px;height:52px;}
.fixed a.codepic:hover{background-position:-54px -53px;}
.fixed div{position:relative;}
.fixed a.backup{background:url(../images/fixed.jpg) 0 0 no-repeat;background-position:0 -158px;height:52px;}
.fixed a.backup:hover{background-position:-54px -158px;height:53px;}
.fixed div img{position:absolute;left:-126px;width:126px;height:126px;top:-106px;display:none;}