@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:#000;}
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:#000; overflow-x:hidden; max-width:1920px; 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:86px; background:#1a1d22}
.logo{float:left; margin-top:16px;}
.head_right{ float:right;}
.header .tel{ text-align:right; font-family:Arial;float:right;  line-height:20px; font-size:30px; color:#ff002a; padding:10px 0 0 80px;}
.header .tel span{ display:block;color:#fff; font-size:22px;background:url(../images/ca.png) right top no-repeat; padding-bottom:10px;padding-right:40px; line-height:1.4;}
/*------search-------*/
.search01{ float:right;  height:32px; margin:15px 50px 0}
.search02{ float:left;}
.search02 input.search03{ width:244px; font-size:12px; color:#000; font-family:'微软雅黑'; height:30px; line-height:30px;  border:none; border: 1px solid #d4d4d4; padding-left:16px; background:#fff  }
.search01 input.search04{ float:right; width:32px; font-size:14px; color:#ccc; font-family:'微软雅黑'; height:32px;border:none; border:0; background: url(../images/button.gif) no-repeat center center;  cursor:pointer; margin: 0 0 0 3px}



.search05{ float:left; width:82px; margin-left:3px;}
.jslct {color:#000;font-family:"微软雅黑";display:inline-block;*display:inline;zoom:1;font-size:12px;position:relative;vertical-align:middle;cursor:default; width:76px; padding-right:6px; height:32px; line-height:32px; background: url(../images/select.gif) no-repeat right center;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:left; text-indent:5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.jslct dl, .jslct dl dd {padding:0;margin:0;list-style:none}

.jslct dl {background:#efefef;position:absolute;top:30px;left:0px;cursor:default; width:60px; 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:#efefef;-moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s; color:#000}
.jslct dl dd:hover {color:#000; }
.jslct dl dd.hover {color:#000; }
.jslct .jslcted {}
.jslct dl dd.noborder {}

/*********nav*********/
.g_nav{height:75px; width:100%; background:#ff002a; position:relative; z-index:1;}
.g_nav01{width:1004px; margin:0 auto;}
.g_nav01 table tr td{text-align:center; height:75px; position:relative;}
.g_nav01 a{display:block;height:45px; line-height:45px; color:#fff; font-size:16px; position:relative;}
.g_nav01 td.now a, .g_nav01 td:hover a{ background:#000000; color:#fff; }
.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:55px; padding:5px 0 10px 0; background:rgba(0,0,0,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;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.g_nav01 table tr td .nav_tan a:hover{ background:#000}

/*首页头部banner*/
.banner{height:415px; width:100%; margin:0 auto;  overflow:hidden; position:relative;}
.banner>ul{width:auto;}
.banner>ul li{height:415px; 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;}
.banner .ctrl div{width:80px; height:10px; display:inline-block;background-color:#bebebe; margin-left:10px; cursor:pointer;}
.banner .ctrl div.now{background-color:#d40000;}
.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;}

/*---foot----*/
.footclear{ width:100%; clear:both; margin:0 0 0px 0;height:0px; font-size:0; overflow:hidden;}
.foot{width:100%; min-width:1004px;color:#fff; height:150px; overflow:hidden;background:#1a1d22}
.fmain{ width:1000px; margin:0 auto; text-align:center;}
.f_link{ width:100%;height:75px;  overflow:hidden;line-height:75px;color:#707070; background:#f5f5f5 }
.f_link .main{ position:relative; z-index:999; text-align:center;}
.f_link a{padding-left:20px; color:#707070;}
.f_link span{ }
.bottomnav{width:100%; height:30px; line-height:30px; border-bottom:1px solid #282828; padding-top:29px;text-align:center;}
.bottomnav a{ height:45px;overflow:hidden;display:inline-block;width:90px;margin:0 5px; _display:inline; _zoom:1;}
.bootTxt{float:left;width:100%; padding-top:40px;line-height:30px;}
.bootTxt .fl{  padding/-left:20px; float:left; width:100%; text-align:center; color:#707070;}
.bootTxt .fl a{color:#707070;}
.bootTxt .fl a:hover{color:#707070;}
.foot a{ color:#fff;  }
.share{width:130px; margin: 0 auto; padding:10px 0 0 0;}

/*---index---底部导航*/
.menuf{ width:100%;height:46px;background:#ea042b; }
.menuf  a{ display:block; margin:10px auto 0; text-align:center; color:#FFF;font-size:12px ;  height:28px; line-height:28px; }
.menuf  a:hover,.menuf li a.cur{  background: url(../images/bootnav.gif)  center no-repeat; color:#ea042b; background-size:100% 100%}

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