@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:99px;background: url(../images/d1.jpg) no-repeat center;background-size:cover; position: relative; z-index:11; }
.logo{ position:absolute; left:0; top:0; width:251px;}
.logo img{ width:251px;}
.head_right{ float:right;}
.header .tel{ background: url(../images/tel.png) no-repeat left center; text-align:left; padding-left:45px; float:right; font-weight:bold;  line-height:20px; font-size:14px; color:#fff; margin:40px 0 0 ; text-transform:uppercase;}
.header .tel span{font-size:20px; color:#ffdc4c;font-family:Impact; }
/*------search-------*/
.search01{ float:left; width:362px; height:43px; margin:13px 0 0;background: url(../images/searchf.jpg) no-repeat center center;}
.search02{ float:left; height:43px;}
.search02 input.search03{ float:left; margin:1px 0 0 1px; width:185px; font-size:14px; color:#38689e; font-family:'微软雅黑'; height:41px; line-height:41px;  border:none;     padding:0 6px; background:none  }
.search01 input.search04{ float:right; width:71px; font-size:14px; color:#ccc; font-family:'微软雅黑'; height:43px;border:none; border:0; background:none;  cursor:pointer; margin: 0; }

.search05{ float:left; width:88px; height:43px;background: url(../images/select.gif) no-repeat 70px center; margin-left:5px}
.jslct { float:left;color:#38689e;font-family:"微软雅黑";display:inline-block;*display:inline;zoom:1;font-size:14px;position:relative;vertical-align:middle;cursor:default; width:70px; padding-right:14px; height:43px; line-height:43px; 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:#e2e8ff;position:absolute;top:43px;left:0px;cursor:default; width:70px; 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:#e2e8ff;-moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s; color:#38689e}
.jslct dl dd:hover {color:#38689e; }
.jslct dl dd.hover {color:#38689e; }
.jslct .jslcted {}
.jslct dl dd.noborder {}

/*********nav*********/
.g_nav{height:61px; width:100%; background:url(../images/d2.jpg) repeat-x left center; position:relative; z-index:1;}
.g_nav01{width:753px; margin:0 auto; padding-left:251px;}
.g_nav01 table tr td{text-align:center; height:61px; position:relative;}
.g_nav01 a{display:block;height:61px; line-height:61px; color:#38689e; font-weight:bold; font-size:16px; position:relative;}
.g_nav01 td.now a, .g_nav01 td:hover a{color:#fff; background:#ffcc00;}
.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:61px; padding:5px 0 10px 0; background:rgba(255,180,0,0.9); }
.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; font-weight:normal; }
.g_nav01 table tr td .nav_tan a:hover{ color:#fff; background:#ffb400 }


/*首页头部banner*/
.bannerf{ }
.banner{height:527px;width:100%; margin:0 auto; overflow:hidden; position:relative;}
.banner>ul{width:auto;}
.banner>ul li{height:527px; 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{ 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:#ffcc00;font-size:0;color:#ffcc00;}
.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 */
.foot{width:100%;height:86px;padding-top:27px;background:#004375;text-align:center;}
.foot p{width:100%;font:12px/28px "microsoft yahei";color:#4089c0;}
.foot p span{margin:0 6px;}
.foot p a{color:#4089c0;}
/*---index---底部导航*/
.menuf{ width:758px;height:40px;padding:25px 0 0 0; }
.menuf ul{ width:758px; margin:0 auto; }
.menuf li{float:left;display:inline;text-align:center;width:80px; margin:0 12px 0 15px;}
.menuf  a{ display:block; margin:10px auto 0; width:80px;text-align:center; color:#646464;font-size:14px ;  height:28px; line-height:28px; }
.menuf  a:hover,.menuf li a.cur{  color:#646464;}

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