@charset "gb2312";
/* CSS Document */

body {
	font: 14px/1.6 "Microsoft Yahei","Helvetica Neue",Arial,"Hiragino Sans GB",STHeiti,"WenQuanYi Micro Hei",sans-serif;
	margin: 0;
	padding: 0;
	color: #555;
}

.HackBox{border-top:1px solid transparent !important;border-top:0;clear:both;}
.h50{ height:50px;}
.h20{ height:20px;}
.h10{ height:10px;}
* {
    list-style: outside none none;
    margin: 0 auto;
    padding: 0;
    text-decoration: none;
}
ul { list-style:none}
a { color:#444; text-decoration:none}
a:hover { color:#FF6600;}


a:hover, a:active, a:focus { text-decoration: none;}
#header {width: 100%;height: auto;background: #f3fbfe;}
.logo{width: 1080px;height: 130px; margin:auto;}
.logo-left{float: left;width: 302px;height: auto;padding-top: 20px;}
.logo-left{float: left;width: 302px;height: auto;padding-top: 20px;}

.logo-center{float: left;width: 480px;height: auto;}

.logo-center h1{font-size: 30px;color: #01539b; margin-top:20px; line-height:60px;}
.logo-center h2{font-size: 16px;color: #000;}

.logo-right{float: right;width: auto;height: auto;padding-top: 30px;}

.logo-right p{line-height: 40px;background: url(images/dh.gif) left center no-repeat;padding-left: 30px;font-size: 22px;color: #d21d1d;font-weight: bold;}

#nav { width:100%; height:55px; background:url(images/nav.jpg)}
.nav { width:1024px; margin:auto;}
.nav a{ width:115px;     color: #fff;
    display: block;
    font-size: 14px;
    font-weight: bold;
    padding: 18px 15px;
    text-decoration: none; float:left; text-align:center;}
.nav a:hover {
    background-color: #d80303;
    color: #ffffff;
    display: block;
    font-size: 14px;
    font-weight: bold;
    padding: 18px 15px;
    text-decoration: none;
}
.nav img { float:left;}

/*   */

.tag { width:100%; height:45px; background: url(images/tag.png);}
.keywords { width:1024px; margin: auto; font-size:12px; line-height:45px;}
.keywords span { font-size:12px; color:#000; font-weight:bold;}
.key_left{ width:755px; float:left;overflow:hidden;word-break:keep-all;white-space:nowrap;text-overflow:ellipsis; margin-left:45px;}
.key_right { width:200px; float:left; margin-left:24px;}


/*banner*/

#full-screen-slider { width:100%; height:396px; float:left; position:relative}
#slides { display:block; width:100%; height:396px; list-style:none; padding:0; margin:0; position:relative}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute}
#slides li img{width:100%; height:100%;}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
#pagination { display:block; list-style:none; position:absolute; left:50%; top:340px; z-index:9900;  padding:5px 15px 5px 0; margin:0}
#pagination li { display:block; list-style:none; width:10px; height:10px; float:left; margin-left:15px; border-radius:5px; background:#FFF }
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current { background:#0092CE}


.main { width:1024px; height:auto; margin:auto;}

.class {
    height: 114px;
    width: 1024px;
	margin-top:10px;
}
.class-left {
    float: left;
    height: 114px;
    width: 253px;
}
.class-right {
    background: #efefef none repeat scroll 0 0;
    float: right;
    height: 87px;
    margin-top: 27px;
    width: 769px;
}
.class-right ul {
    padding-top: 7px;
}
.class-right ul li {
    background: #01539b none repeat scroll 0 0;
    color: #fff;
    display: block;
    float: left;
    height: 29px;
    line-height: 29px;
    margin-bottom: 10px;
    margin-left: 25px;
    text-align: center;
    width: 160px;
}
.class-right ul li a {
    background: #01539b none repeat scroll 0 0;
    color: #fff;
    display: block;
    float: left;
    height: 29px;
    line-height: 29px;
    text-align: center;
    width: 160px;
}
.class-right ul li a:hover {
    background: #ca291f none repeat scroll 0 0;
    color: #fff;
    display: block;
    float: left;
    height: 29px;
    line-height: 29px;
    text-align: center;
    width: 160px;
}

#demo {overflow:hidden;width:1024px; margin:auto; padding-top:20px;}
#demo a{ color:#CCC}
#demo a:hover { color:#ca291f;}

#demo h1 { color:#444; font-size:14px;}
#demo img{ margin:5px; width:225px; height:200px;}
.company { width:700px; float:left; margin-top:20px;}
.com_title { font-size:22px; color:#01539b; background:url(images/com_title.jpg) no-repeat bottom left; line-height:40px; margin-bottom:10px; font-weight:bold;}
.com_title a { float:right;}
.company img { float:left; margin-right:10px;}
.company p{ font-size:13px; line-height:28px; margin-top:10px; }
.com_news { width:300px; float:left; margin-left:24px; font-size:13px; margin-top:20px;}
.com_news ul li { width:300px;
    border-bottom: 1px dotted #ccc;
    line-height: 30px; float:left;
}
.com_news ul li a { width:298px;overflow:hidden;word-break:keep-all;white-space:nowrap;text-overflow:ellipsis; float:left;
    color: #555;
}
.com_news ul li a:hover {
    color: #f00;
}



.one_l {
    float: left;
    height: auto;
    width: 550px;
	margin-top:50px;
}
.one_r {
    float: right;
    height: 260px;
    width: 430px;
}
.one_l h1 {
    color: #fff;
    font-size: 18px;
    height: 66px;
    line-height: 66px;
    padding-left: 70px;
}
.one {
    background: rgba(0, 0, 0, 0) url("images/ad-t1.gif") no-repeat scroll 0 0;
}
.two {    background: rgba(0, 0, 0, 0) url("images/ad-t2.gif") no-repeat scroll 0 0;
}
.three {    background: rgba(0, 0, 0, 0) url("images/ad-t3.gif") no-repeat scroll 0 0;
}
.four {    background: rgba(0, 0, 0, 0) url("images/ad-t4.gif") no-repeat scroll 0 0;
}


.ad_list {
    padding-left: 50px;
}
.ad_list li {
    line-height: 30px;
    list-style: outside url("images/ico1.gif") disc;
    padding-left: 20px;
}

.two_l {
    float: left;
    height: 260px;
    width: 430px;
}
.two_r {
    float: right;
    height: auto;
    width: 550px;
	margin-top:50px;
}
.two_r h1 {
    color: #fff;
    font-size: 18px;
    height: 66px;
    line-height: 66px;
    padding-left: 70px;
}




.main2{
    background: rgba(0, 0, 0, 0) url("images/main2.gif") repeat-x scroll 0 0;
    height: 485px;
    padding-top: 35px;
    width: 100%;
}

.main2-t {
    height: 44px;
    width: 1024px;
}
.main2-t ul {
    padding-left: 25px;
}
.main2-t ul li {
    background: rgba(0, 0, 0, 0) url("images/ab2.gif") no-repeat scroll center center;
    display: block;
    float: left;
    font-size: 14px;
    height: 44px;
    margin-right: 15px;
    text-align: center;
    width: 180px;
}
.main2-t ul li a {
    background: rgba(0, 0, 0, 0) url("images/ab2.gif") no-repeat scroll center center;
    color: #fff;
    display: block;
    float: left;
    height: 44px;
    line-height: 30px;
    width: 180px;
}
.main2-t ul li a:hover {
    background: rgba(0, 0, 0, 0) url("images/ab1.gif") no-repeat scroll center center;
    color: #fff;
    display: block;
    float: left;
    height: 44px;
    line-height: 30px;
    width: 180px;
}
.main3 { width:1024px; margin:auto;}
.main3-l { width:300px; float:left; background:#FFF; line-height:40px;}
.main3-l-c { margin-left:10px;}
.main3-l h1 { line-height:40px; font-size:20px;}
.main3-c {
    background: #fff none repeat scroll 0 0;
    float: left;
    height: 365px;
    width: 300px;
}
.mp {   margin-left: 20px;
    padding: 10px 20px 0;
}
.mc {   margin-left: 20px;
    padding: 10px 20px 0;
}
.main3-c h1 {
    background: rgba(0, 0, 0, 0) url("images/tjxw-bt.gif") no-repeat scroll left center;
    color: #454545;
    font-size: 16px;
    line-height: 30px;
    padding-left: 25px;
}
.main3-c h1 span {
    float: right;
    padding-top: 5px;
}
.main3-c h1 span a {
    background: #01539b none repeat scroll 0 0;
    color: #fff;
    display: block;
    font-size: 12px;
    font-weight: normal;
    line-height: 20px;
    padding: 0 10px;
}
.main3-c h1 span a:hover {
    background: #d80303 none repeat scroll 0 0;
    color: #fff;
    display: block;
    font-size: 12px;
    font-weight: normal;
    line-height: 20px;
    padding: 0 10px;
}

.main3-c ul li {
    border-bottom: 1px dotted #ccc;
    line-height: 30px;
	font-size:12px;
}
.main3-c ul li a {
    color: #555;
}
.main3-c ul li a:hover {
    color: #cc5200;
}
.main3-c ul li span {
    color: #888;
    float: right;
}
#footer {
	padding: 10px 0; height:auto; width:100%; text-align:center; font-size:12px; line-height:22px;
	background-color: #f0f0f0;
	position: relative;/* 这可以使 IE6 hasLayout 以正确方式进行清除 */
	clear: both; /* 此清除属性强制 .container 了解列的结束位置以及包含列的位置 */
}
#footer p { border-top:1px #CCCCCC solid; margin-top:10px;}
#footer a { font-size:14px;}
#footer img{ width:1px;}
.btn {
    bottom: 14px;
    position: absolute;

    display: inline-block;
    font-size: 14px;
    height: 26px;
    line-height: 26px;
    margin-bottom: 0;
    padding: 0 18px;
    width: auto;}
.consult-open {
    right: 130px;
}

.consult-close {
    right: 20px;
}
.btn-primary {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #ff7b1f, #eb6100) repeat-x scroll 0 0;
    border-bottom-color: #eb6100 !important; color:#FFF;
}
.btn-primary:hover {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #eb6100, #b84c00) repeat scroll 0 0; color:#FFF;
}
.main_l { width:700px; height:auto; float:left ;overflow:hidden;}
.main_l_t{  background:#01539b; padding:10px; margin-bottom:10px; font-size:14px; color:#FFF}
.main_l_t a{ font-size:13px; color:#FFF}
.main_l_c {background:#f5f8fd; border:1px #c8d8f2 solid; height:auto;}
.main_l_a { padding:20px; }
.main_l_a p{ width:650px;overflow:hidden;}
.main_l_a h1 { text-align:center;}
.main_r { width:300px; height:auto; float:right; border:1px #CCCCCC solid; }
.main_r_h {border-top:4px #01539b solid;}
.main_r_h span{ margin:10px; float:left; font-size:18px; color:#d80303}
.main_l_p { margin-left:2px;}
.main_l_p h1 { font-size:14px; text-align:center;}
.main_l_p li { width:174px; float:left; margin-top:10px;}
.main_l_p img { width:160px; height:140px; border:1px #CCC solid; margin-left:5px;}
 

.r_list {float:left; margin-left:10px;}
.r_list li { width:289px;overflow:hidden;word-break:keep-all;white-space:nowrap;text-overflow:ellipsis;}
.r_list li a{ line-height:32px;;}
.page_link{  float:left;font:bold 12px Arial;margin:0 2px;padding:1px 5px;text-align:center;font-weight:bold;text-decoration:none;border:1px solid #999;  }
.page_link:hover{margin:0 2px; padding:1px 5px; font:bold 12px Arial;color:#FFF; border:1px solid #660000;text-decoration:none;  background:#FF3300;}
.tr1 td{ background:#EFEFEF;}
.tr2 td{ background:#FFF;}
.n_list {float:left;}
.n_list li { width:120px; margin:5px 0px 0px 20px; float:left; text-align:center; background:#01539b;}
.n_list li a{ line-height:32px; color: #fff;}
.n_list li a:hover{background: #ca291f none repeat scroll 0 0; color: #fff; display: block;}
.newsContent { font-size:14px; padding:20px 0; line-height:24px;}
.get {width:100%; clear:both; text-align:center;background:#F4F4F4; color:#666666; margin-top:10px; font-size:12px;}
