﻿img{border:none;}
@charset "utf-8";
/* CSS Document */
/*清除内外边距*/
html,body,div,p,h1,h2,h3,h4,h5,h6,blockquote,ul,ol,li,table,th,td,span,img,dl,dd,dt,input,textarea,button{padding:0;margin:0;}
/*设置字体*/
body,textarea,button,input,select{font-family:"Microsoft Yahei"; font-size:12px; color:#333333;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
em{font-style:normal;}
/*设置列表*/
ul,ol{list-style:none;}
/*设置通用链接*/
a{ color:#333333; text-decoration:none; outline:none;blr:expression(this.onFocus=this.blur());}
a:hover{ color:#FF0000;}
/*清除浮动*/
.clear{ clear:both;}

#id{background:url(图片路径) ;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src="图片路径");_background:none;}

.bjload{ background:url(../images/load.gif) center center no-repeat;}

#top{ height:29px; background:#3A3E89; line-height:29px; color:#FFFFFF; font-size:13px;}
.top{ width:1001px; height:29px; margin:0 auto;}
.top_left{ width:300px; line-height:29px; float:left;}
.top_right{ float:right; line-height:29px; width:500px;}
.top_right a{ color:#FFFFFF; float:right; padding:0 10px; font-size:12px;}
.top_right a:hover{ color:#CCCCCC;}


#logo{ height:90px; overflow:hidden;}
#logo img{ border:none;}
.logo{ width:1001px; height:90px; margin:0 auto; background:url(../images/htlogo.jpg) left center no-repeat;}
.logoico{ width:700px; height:90px; float:left;}
.logo_f1{ float:left; padding-top:30px; padding-left:15px;}
.logo_f1 h2 {
  font-size: 32px;
  color: #1d2088;
}
.logo_f1 p {
  font-size: 14px;
  font-weight: bold;
  color: #ea5504;
  padding-top: 10px;
}
.tel{ width:257px; height:60px; margin-top:35px; float:right; font-weight:bold; font-size:20px;}

#nav{ height:40px; background:url(../images/baisi_10.png) left top repeat-x;}
.nav{ width:1001px; height:40px; margin:0 auto; line-height:40px; font-size:15px; overflow:hidden;}
.nav .line{ border-left:2px solid #242983;}
.nav .on{color:#FFFFFF; background:#F2744B;}
.nav ul {}
.nav ul li{ text-align:center; line-height:40px; font-size:15px; float:left;}
.nav ul li a{ color:#FFFFFF; display:block; padding:0 30px;}
.nav ul li a:hover{ color:#FFFFFF; background:#F2744B;}

.flexslider{position:relative;height:400px;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1;}
.slides li{height:400px;}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}

.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px;background:url(../images/next.png) center center no-repeat;}





#content{}
.guanyu{}
.guanyutext{ width:1001px; height:325px; margin:8px auto;}
.gytext{ padding:5px 10px;}
.gytext_img{ width:260px; background:#F1F1F4; padding:5px; float:left;}
.gys{ width:400px; float:right;}
.gys h4{color: #373b85; line-height:35px; font-size:14px;}
.gys h4 a{color: #373b85;}
.gys h4 a:hover{ text-decoration:underline;}
.gys_text{ width:400px; height:237px;text-indent:2em; line-height:28px; font-size:12px; color:#333333; padding-bottom:15px;}
.btnGd {
  display: block;
  width: 108px;
  text-align: center;
  height: 26px;
  line-height: 26px;
  color: #fff;
  background-color: #373b85;
}

.btnGd a{ color:#FFFFFF;}
.btnGd a:hover{ color:#FFFFFF; text-decoration:underline;}


.gyBox {
  width: 720px;
  height: 302px;
  border: 1px solid #d8d6d7;
  border-top: 2px solid #373b85;
  overflow: hidden;
  float:left;
}
.gyBox_t{ line-height:40px; height:40px; border-bottom:1px solid #F5F5F5; background:#F9F9F9;}
.gyBox_t h3{ background:url(../images/titA_ico.png) 15px center no-repeat; float:left; padding-left:25px; font-size:16px; color:#333333;}
.gyBox_t h3 span{ padding:0 15px; font-size:18px; color: #c2c2c2; font-weight:normal;}
.gyBox_t p{ float:right; padding-top:12px; padding-right:12px;}


.ryBox {
  width: 260px;
  height: 305px;
  float:right;
  background: url(../images/ryBox.png) no-repeat center;
}

.i_news{ padding:15px;}
.i_news ul{}
.i_news ul li{ line-height:32px; border-bottom:1px solid #EEEEEE; font-size:12px;}
.i_news ul li a{ padding-left:18px; color:#333333;}
.i_news ul li a:hover{ color:#000000; text-decoration:underline;}


.i_about{ height:361px; background:url(../images/fwBox.jpg) center top no-repeat; margin-bottom:5px;}
.i_abouts{ width:1001px; height:361px; margin:0 auto;}
.i_about_left{ width:500px; float:left;}
.i_left_t{margin-bottom: 24px;}
.i_left_t h3{font-size: 18px; color:#FFFFFF;   margin-top: 24px;margin-bottom: 4px;}
.i_left_t span {
  display: block;
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  color: #8cabcc;
  font-weight: normal;
}
.i_left_services{}
.i_left_services ul{}
.i_left_services ul li { width:214px; height:115px;
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}

.i_about_right{ width:432px; font-weight:bold; float:right;}
.i_about_right dl {
  padding: 30px 0px;
  color: #ff9c00;
}
.i_about_right dt {
  font-size: 30px;
}
.i_about_right dd {
  font-size: 18px;
}

.i_about_right p {
  font-size: 24px;
  color: #1b7fe7;
}

.i_about_right ul {
  margin-top: 4px;
  margin-bottom: 14px;
  font-weight: normal;
}
.i_about_right ul li {
  padding-left: 14px;
  height: 28px;
  line-height: 28px;
  font-size: 14px;
  color: #fff;
  background:url(../images/sevicesico.png) no-repeat left center;
}

#ibanner{}
.ibanner{ width:1001px; height:153px; margin:8px auto;}

#i_pack{}
.i_pack{ width:1001px; margin:0 auto;}
.i_pack h4{margin-top:25px;font-size:18px; line-height:35px;  font-weight:bold; color:#333; padding-left:25px;}
.i_pack h4 p{ line-height:25px; color:#333; font-size:14px; font-weight:normal; }
.good_div { width:324px; height:118px; background:#f9f9f9; display:block; border:#f9f9f9 solid 1px;}
.good_div:hover { border:#F00 solid 1px;}
.good_div_img { width:102px; height:93px; line-height:93px; text-align:center; background:#fff; border:#dfdfdf solid 1px; margin:11px 10px; float:left }
.good_div_wenben { width: 173px;color: #666;font-size: 14px;line-height: 25px;float: left;padding-top: 7px;}


/*youshi*/

/*优势*/
.htSpan{/*background:#373b85 url(../images/hts.png) repeat-x center top;*/ width:1001px; margin:0 auto;}
.htBox{position:relative; height:1050px; background:url(../images/honner.gif) no-repeat center;}
.htBox dl{position:absolute;}
.htBox dt{margin-bottom:24px; font-size:18px; font-weight:bold; color:#373b85;}
.htBox dd{padding-left:20px; margin-bottom:10px; font-size:13px; color:#333; line-height:18px; background:url(../images/i_co.png.png) no-repeat left 2px;}
.htBox dd b{color:#373b85;}
.htBox .ht01{left:44px; top:122px; width:394px;}
.htBox .ht02{left:552px; top:122px; width:424px;}
.htBox .ht03{left:44px; top:650px; width:424px;}
.htBox .ht04{left:552px; top:650px; width:412px;}


.botSpan{overflow:hidden;}


/*新款上线*/
.xksxBox{padding-bottom:20px; text-align:center;}
.xksxBox h4{padding-top:30px; padding-bottom:26px;}
.xksxBox .xkCont{position:relative;}
.xksxBox .xkCont ul{margin:0 auto; width:928px; overflow:hidden;}
.xksxBox .xkCont li{margin:0 8px; width:216px; float:left; text-align:center;}
.xksxBox .xkCont li img{border:10px solid #e8e8e8;}
.xksxBox .xkCont li h5{padding-top:14px; font-weight:normal;}
.xksxBox .xkCont .btnLeft , .xksxBox .xkCont .btnRight{position:absolute; top:50%; margin-top:-15px; width:31px; height:29px;}
.xksxBox .xkCont .btnLeft{left:-15px; background:url(../images/xkBtnLeft.png) no-repeat center;}
.xksxBox .xkCont .btnRight{right:-15px; background:url(../images/xkBtnRight.png) no-repeat center;}
.container{ width:1001px; margin:0 auto;}



#innerbanner{ height:300px; background:url(../images/innerbanner.jpg) top center no-repeat;}

#icontent{ padding-top:10px; padding-bottom:20px;}
.icontent{ width:1001px; margin:0 auto;}
.inner_left{ width:200px; float:left;}
.i_l_sbar{ background:#3A3E89; padding:5px;}
.i_l_sbar h3{padding-left:18px; line-height:50px; font-size:18px; color:#FFFFFF;}
.i_l_sbar_text{ padding:10px; background:#FFFFFF;}
.i_l_sbar_text .on{ font-weight:bold; color:#EC9001;}
.i_l_sbar_text ul{}
.i_l_sbar_text ul li{ line-height:40px; font-size:15px; border-bottom:1px dashed #DDDDDD;}
.i_l_sbar_text ul li a{ padding-left:10px;}
.i_l_sbar_text ul li a:hover{ text-decoration:underline; color:#EC9001;}

.i_l_contact{ margin-top:18px;}
.i_l_contact h3{ line-height:35px; font-size:15px; color:#FFFFFF; background:#3A3E89; padding-left:15PX;}
.i_l_contact_text{ padding:10px; line-height:30px; font-size:12px; color:#000000; border:1px solid #DDDDDD;}

.inner_right{ width:780px; float:right;}
.inav{ line-height:35px; background:#F3F3F3; text-align:right; padding-right:15px;}
.inav a{ color:#000000;}
.inav a:hover{ color:#333399; text-decoration:underline;}

.innertext{ line-height:28px; font-size:12px; color:#000000; padding:15px 5px;}

.xwlb{ background:#fff;}
.xwone{ width:700px; height:160px; background:url(../images/xwlain.jpg) no-repeat bottom; margin:auto;margin-top:20px; border-bottom:1px dotted #333333;}
.xwtt{ width:200px; height:140px; border:1px solid #ccc; float:left;}
.xwtt img{ width:190px; height:130px; margin-left:5px; margin-top:5px;}
.xwwz{ width:450px; height:; float:right;  font-size:12px; line-height:24px;}
.xwwz p{text-indent:2em;}
.xwwz h1{ margin:0px; padding:0px; font-size:16px; color:#666; font-weight:bold; line-height:30px;}
.gd{ width:450px; height:24px;}
.gdmain{ width:80px; height:24px; background:url(../images/gd.jpg) no-repeat left; text-indent:2em; font-size:12px; color:#666; float:right;} 



.pagelist{ line-height:30px; text-align:center; font-size:12px; color:#000000;}
.pagelist a{ color:#000000; text-decoration:underline;}
.pagelist a:hover{ color:#3A3E89;}


#footer{ margin-top:15px; background:#393939;}
.footer{ width:1001px; margin:0 auto; background:url(../images/footer.png) right center no-repeat; padding-top:15px;}
.footer_nav{ line-height:40px; border-bottom:1px solid #999999; text-align:center;}
.footer_nav a{ padding:0 15px; color:#FFFFFF;}
.footer_nav a:hover{ text-decoration:underline;}
.footer_copyright{ padding:15px 0; text-align:center; font-size:13px; color:#FFFFFF; line-height:30px;}

/* 回到顶部 */
 #returnTop {
	_display:none;
	position:fixed;
	_position:absolute;
	z-index:999;
	right:40px;
	bottom:-100px;
	_bottom:auto;
	width:36px;
	height:65px;
	text-indent:-999px;
	overflow:hidden;
	background-image:url(../images/Top.png);
	_background-image:url(../images/Top.png);
	background-repeat:no-repeat;
	background-position:0 0;
	transition:bottom 0.9s;
	-webkit-transition:bottom 0.9s;
	-moz-transition:bottom 0.9s;
	-o-transition:bottom 0.9s;
}
#returnTop:hover {
	background-position:0 -65px;
}
/* 回到顶部 */


/* 本例子css */
		.slideBox{ width:100%; height:400px; overflow:hidden; position:relative;}
		.slideBox .hd{ height:15px; overflow:hidden; position:absolute; width:100px; margin-left:-50px; left:50%;  bottom:5px; z-index:1; }
		.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
		.slideBox .hd ul li{ float:left; margin-right:2px; border-radius:10px;  width:10px; height:10px; line-height:10px; text-align:center; background:#fff; cursor:pointer; }
		.slideBox .hd ul li.on{ background:#f00; color:#fff; }
		.slideBox .bd{ position:relative; height:100%; z-index:0;   }
		.slideBox .bd li{ zoom:1; vertical-align:middle; }
		.slideBox .bd li a{ display:block; width:100%; height:400px;}
		.slideBox .bd img{ width:100%; height:400px; display:block;  }

		/* 下面是前/后按钮代码，如果不需要删除即可 */
		.slideBox .prev,
		.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
		.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
		.slideBox .prev:hover,
		.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
		.slideBox .prevStop{ display:none;  }
		.slideBox .nextStop{ display:none;  }
		
		ul{ list-style:none;}
		
		/* 本例子css */
		.picMarquee-left{ width:100%;  overflow:hidden; position:relative;  border:1px solid #ccc;   }
		.picMarquee-left .hd{ overflow:hidden;  height:30px; background:#f4f4f4; padding:0 10px;  }
		.picMarquee-left .hd .prev,.picMarquee-left .hd .next{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
			 cursor:pointer; background:url("../images/arrow.png") no-repeat;}
		.picMarquee-left .hd .next{ background-position:0 -50px;  }
		.picMarquee-left .hd .prevStop{ background-position:-60px 0; }
		.picMarquee-left .hd .nextStop{ background-position:-60px -50px; }
		.picMarquee-left .bd{ padding:10px;   }
		.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
		.picMarquee-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
		.picMarquee-left .bd ul li .pic{ text-align:center; }
		.picMarquee-left .bd ul li .pic img{ width:120px; height:90px; display:block; padding:2px; border:1px solid #ccc; }
		.picMarquee-left .bd ul li .pic a:hover img{ border-color:#999;  }
		.picMarquee-left .bd ul li .title{ line-height:24px;   }
		
		.m-notice {
    width: 100%;
    height: 40px;
    line-height: 40px;
    margin: 0 auto;
    background: #FAFAFA;
    margin-bottom: 40px;
}
.inner{ width:1000px; margin:0 auto;}

/*公告*/
.m-notice{ width:100%; height:40px; line-height:40px; margin:0 auto; background:#FAFAFA; margin-bottom:40px;}
/* 本例子css */
.txtMarquee-left{ width:1000px;  position:relative;  }

.txtMarquee-left .bd .tempWrap{ width:998px !important; }/* 用 !important覆盖SuperSlide自动生成的宽度，这样就可以手动控制可视宽度。 */
.txtMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.txtMarquee-left .bd ul li{ margin-right:20px;  float:left; height:40px; line-height:40px;  text-align:left; _display:inline; width:auto !important;  }/* 用 width:auto !important 覆盖SuperSlide自动生成的宽度，解决文字不衔接问题 */
.txtMarquee-left .bd ul li span{ color:#999;  }
.txtMarquee-left .bd ul li a:hover{ color:#005BC3;}

#dd_text{height:80px; overflow:hidden;}
#dd_img{position:absolute; /*bottom:-270px;*/ width:340px; height:220px; padding-left:30px;}
#dd_img img{width:340px; height:220px;}

.table{float:left;}
.table img {width:92px; height:83px;}