﻿@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;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
ul,ul li,dt, dl, dd {  padding:0; margin:0; list-style-type:none;}
img,a img{border:0;margin:0;padding:0;}
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;}


/*■■■■■■■■　基本设定　■■■■■■■■*/
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:980px; margin:0 auto; position:relative;}




/*----- header s -----*/
.header{width:100%; height:135px;background: url(../images/topbg.jpg) left top repeat-x; border-bottom: 2px solid #53aa1d; color:#FFF;}
.header .main{width:980px; height:135px;}
.logo{float:left; position:relative; z-index:1; margin:30px 0 0 20px;}
.toptel{ width:240px; height:56px; margin-left: 100px; margin-top: 24px; float: right; }
.toptel .tel{ font-size: 12px; width:215px;height:56px;  background:url(../images/index_03.png) left  16px no-repeat;color:#348502; text-align:left; padding-left:40px; padding-top:8px; }
.toptel .tel span{display:block;font-family:impact; font-size:25px; vertical-align:middle; color: #ff781e;}

/*----- nav s -----*/
.navlr{ width: 16px; height: 43px; float: left; margin-top:7px;}
.navlr img{ display:block;}
.g_nav{width: 100%; height: 56px; margin: 0 auto; background: url(../images/index_08.png) left center repeat-x; position: absolute; left: 0px; top: 101px; z-index:1;}
.g_nav01{width:1000px; margin:0 auto;}
.g_nav01 ul{ float:left; width:966px; height:56px;}
.g_nav01 li{ float:left; text-align:center; width:100px; height:56px; margin:0 10px; position:relative;}
.g_nav01 li a{ display:block; height:56px; line-height:56px; color:#dfffc7; font-size:14px; position:relative; }
.g_nav01 li.now a, .g_nav01 li:hover a{ color:#173b00; background:url(../images/menubg.png) center no-repeat; background-size:auto 100%;}
.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 li .nav_tan{ display:none; width:100%; position:absolute; left:0; top:56px; padding:5px 0 10px 0; background:rgba(48,126,0,0.8);}
.g_nav01 li .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 li .nav_tan a:hover{ color:#fff; background:#307e00;}


/*----- banner s -----*/
.bannerf{ }
.banner{height:514px;width:100%; margin:0 auto; overflow:hidden; position:relative;}
.banner>ul{width:auto;}
.banner>ul li{height:514px; 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 s -----*/
.footer{ width:100%;background: #215400; }
.linkBd{ width: 100%; height:auto!important; height:48px; background: #57b015; border-top:1px solid #6ab930; border-bottom:1px solid #6ab930;}
.link{ width:1000px;height:auto!important; height:48px; min-height: 48px; margin: 0 auto; }
.linkTitle{ width: 130px; height: 48px; background: #67f20b; line-height: 48px; float: left; text-align: center; color: #173b00; font-size: 18px;}
.link_list{ width: 870px; height:auto!important; height:48px; min-height: 48px; float: left;}
.link_list a{color:#173b00;font-size:14px; line-height:48px; display: inline-block; padding-left:15px}
.link_list a:hover{color:#c1ffa1;}

.copy{width:1000px; margin: 0 auto; padding:35px 0;}
.copy p{ color:#abff88; line-height:2.5; font-size:14px; text-align:center;}
.copy p a{ color:#abff88;}


/*==========分页样式===========*/
div.pages{width:100%; height:50px; margin-top:20px; font-size:14px; clear:both;}
div.pages a{display:inline-block; float:left; padding:4px 10px; margin:0 5px; border:1px solid #3B8DD1; color:#555; text-decoration:none;}
div.pages a:hover{border:1px solid #3B8DD1; color:#FFF; background-color:#3B8DD1;}
div.pages span{display:inline-block; float:left; padding:4px 12px; margin:0 5px;}
div.pages span.current{border:1px solid #3B8DD1; color:#FFF; background-color:#3B8DD1; font-weight:bold; }
div.pages span.disabled{border:1px solid #CCC; color:#CCC; background-color:#FFF;}
div.page{margin:10px 0; clear:both;}
div.page p{width:100%; height:30px; margin:5px; font:14px/30px "microsoft yahei"; color:#7d7d7d; padding-left:30px; overflow:hidden;}
div.page a{color:#7d7d7d;}
div.page a:hover{text-decoration:underline; color:#7d7d7d;}
div.page a.back{display:inline-block; float:right; font:14px/42px "microsoft yahei"; color:#7d7d7d;}
.paging{width:100%;margin:10px auto;overflow: hidden;position: relative; }
.paging p{width:100%;height:28px;font:12px/28px "microsoft yahei";color:#1d1d1d;overflow: hidden;}
.paging p a{color:#1d1d1d}
.paging p a:hover,.paging .back:hover{text-decoration: underline}
.paging .back{font:14px/39px "microsoft yahei";color:#fff;width:138px;margin:20px auto;border-radius:4px;display:block;text-align:center;}
.theme_color{background:#000;}
.theme_color1{background:#ee0062;}
.theme_color2{background:#222;}


/* 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;}


/*文本框样式*/
input.wide{ width:250px; }
input.txt{ width:200px; }
input.small{ width:50px; }
.input{ display:inline; margin-right:5px; padding:7px; height:20px; line-height:20px; vertical-align:middle; background:#fff; color:#999px; border:1px solid #e8e8e8; border-radius:2px; }
.select{ padding:7px; border:1px solid #e8e8e8; line-height:20px; }

/*按钮样式*/
.btn{ display:inline-block; margin:0; padding:0 25px; color:#fff; font-size:12px; height:38px; line-height:38px; text-align:center; }
.btn{ background:#1e7bb3; border:1px solid #02598E; border-radius:2px; vertical-align:middle; }
.btn:hover{ color:#fff; opacity:0.9; }
.btn-mini{ height:20px; line-height:20px; padding:1px 8px 0; }
input.btn, button.btn{ height:40px; cursor:pointer; overflow:visible; }
.btn-success{ background:#52A152; border:1px solid #417F41; text-shadow:0 -1px 0 #52A152; }
.btn-error{ background:#CB423B; border:1px solid #AA352F; text-shadow:0 -1px 0 #CB423B; }
.btn-gray{ background:#ddd; border:1px solid #A9A9A9; text-shadow:0 -1px 0 #EEEEEE;}
.btn-gray,.btn-gray:hover{ color:#777; }
/*标题样式*/
.main-tit{  margin:0 auto; padding:30px 0 0; }
	.main-tit h2{ display:block; padding-right:10px; color:#666; font-size:24px; font-weight:400; line-height:25px; }
.base-tit{ border-bottom:1px solid #f0f0f0; color:#3b8dd1; line-height:1em; font-size:18px; font-weight:normal; }
	.base-tit span{ position:relative; top:1px; display:inline-block; padding:10px 0; border-bottom:1px solid #3b8dd1; }
	.base-tit i{ float:right; padding:10px 0; color:#999; font-size:12px; line-height:26px; font-style:normal; }
.bar-tit{ margin:0 0 20px; padding:0 0 10px; border-bottom:1px solid #e8e8e8; color:#6c6c6c; font-size:18px; }
/*页码容器*/
.page-box{ margin-top:15px; color:#999; font-size:14px; }

.form-box{ position:relative; padding:10px; border:1px solid #f6f6f6; background:#fff; font-size:14px; }
.form-box dl{ display:block; padding:5px 0; }
.form-box dl:after{ clear:none; content:""; display:block; height:0; visibility:hidden; }
.form-box dl dt{ display:block; float:left; width:120px; line-height:38px; min-height:38px; color:#555; font-size:13px; text-align:right; _position:absolute; }
.form-box dl dd{ position:relative; padding:5px 0 5px 10px; line-height:28px; min-height:28px; color:#555; font-size:13px; overflow:hidden; _margin-left:120px; }
.form-box dl dd label.radio{ margin-right:5px; }
