@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;}
.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:71px; background:#f9fbfa; border-bottom:1px solid #cdcdcd}
.logo{float:left; position:relative; z-index:1;}
.head_right{ float:right; }
/*------search-------*/
.search01{ float:right; width:264px; height:34px; margin:18px 0 0 100px;background: url(../images/d1.jpg) no-repeat left center; background-size:95%}
.search02{ float:left; height:34px;}
.search02 input.search03{ float:left; margin:3px 0 0 1px; width:120px; font-size:12px; color:#000; font-family:'微软雅黑'; height:28px; line-height:28px;  border:none;     padding:0 6px; background:none  }
.search01 input.search04{ float:right; width:34px; font-size:14px; color:#ccc; font-family:'微软雅黑'; height:34px;border:none; border:0; background: url(../images/zoom.png) no-repeat center center;  cursor:pointer; }

.search05{ float:left; width:80px; height:35px;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:12px;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:32px;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:69px; width:100%;position:relative; z-index:1;}
.g_nav01{width:1004px; margin:0 auto;}
.g_nav01 table tr td{text-align:center; height:69px; position:relative;}
.g_nav01 a{display:block;height:69px; line-height:69px; color:#000000; font-size:16px; position:relative; margin-top: -4px;padding-top: 3px;}
.g_nav01 td.now a, .g_nav01 td:hover a{color:#cd2223; border-top:2px solid #ae2422;border-top: 3px solid #ae2422;
    margin-top: -4px; padding-top:0; }
.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:69px; padding:5px 0 10px 0; background:rgba(205,34,35,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; border:0; }
.g_nav01 table tr td .nav_tan a:hover{ color:#fff; background:#cd2223 }


.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:300px;width:100%; margin:0 auto; overflow:hidden; position:relative;}
.banner>ul{width:auto;}
.banner>ul li{height:300px; background-size:cover; background-position:top center; float:left;background-repeat:no-repeat;}
.banner>ul li a{ display:block; 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{display:none;width:33px; height:59px; background-image:url(../images/arrow_left.png); position:absolute; z-index:10; left:177px; bottom:50%; margin-bottom:-10px; cursor:pointer;}
.banner .next{display:none;width:33px; height:59px; background-image:url(../images/arrow_right.png); position:absolute; z-index:10; right:177px; bottom:50%; margin-bottom:-10px; cursor:pointer;}


/* footer*/
.footer{ width:100%;background: #404040; }
.linkBox{
	width: 100%; height:auto!important; height:42px; min-height: 42px; border-top:1px solid #d2d2d2;
	background:#f9fbfa;
}
.link{ 
	position: relative;
	width:1000px;height:auto!important; height:42px; min-height: 42px;  margin: 0px auto;
	
}
.linkTitle{
	float: left; position: relative;
	width: 84px; height: 42px;
	color: #ae2422; font-size: 14px;line-height: 42px; font-weight: bold;
}
.link_list{ 
	float: left; 
	width: 916px;height:auto!important; height:42px; min-height: 42px;}
.link_list a{
	float:left;
	display:inline-block;  padding-right: 40px;
	color:#565656;font-size:14px; line-height:42px;}
.link_list a:hover{color:#000000;}	
/*end link*/

.btnavlist{
	position: relative; 
	width: 1000px; height: 46px; margin: 0 auto; padding-top: 14px;
	color:#525252;
 }
.btnavlist a{
	display: inline-block;
	color:#ffffff;font-size:14px; line-height: 46px;   }
/*end btnavlist*/

.footOne{ width: 1000px; height: 60px; padding-top:15px; margin: 0 auto; }
.share{
	float:left;
	width:300px;height: 60px; padding-left: 240px; }
.share li{ 
	position:relative;float:left;
	width: 150px; height: 40px;}
.share .list{width: 102px; height: 40px; line-height: 40px; padding-left: 48px; display: block;
	color:#bababa}	
.share .qq{background: url(../images/qq.png) left top no-repeat;}
.share .qq2{background: url(../images/share.png) left top no-repeat;}
.share a.list:hover{ color: #fff;}	
.shareList{ position: absolute;left:30px; top: 35px; z-index: 99; display: none;
	width:200px;}
.shareList a{ display: inline;}	

/*end share*/
.site{  
	float:left;
	width:155px;  height: 40px; padding-left: 45px; 
	color:#bababa; font-size:14px;
	background: url(../images/site.png) left top no-repeat;  }
.site a{ color:#bababa; line-height: 40px;  }
.site a:hover{color:#fff}
/*end site*/

.copyrightnr{ 
	width:1000px;margin: 0 auto;
	color:#bababa;font-size:12px; line-height:24px;  text-align: center;  }
.copyrightnr a{color:#bababa}
.copyrightnr a:hover{color:#ffffff}

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

/* 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;}


/* service tel */
.serviceTel{
	position:fixed; right:25px; top:120px;z-index:1000;
	width:180px; height: 80px; border:3px solid #b22f2d;  padding-top: 10px;
	color: #333333; font-size: 24px; line-height: 30px; text-align: center;
	background:#ffffff;
}
.serviceTel span{
	display: block;
	color: #b02a28; font-size: 22px; line-height:30px;font-family: impact; text-align: center;
}
.serviceTel .close{
	position: absolute; right:0px; top:0px;
	width: 21px; height: 21px;border-left:1px solid #ae2422; border-bottom:1px solid #ae2422;
	color: #be4b49; font-size: 16px; line-height:21px; text-align: center;
	background: #ffe6e6; cursor: pointer;
}