@charset utf-8;
/* CSS Document */
body,div,ul,li,h1,h2,h3,h4,h5,p,dd,dl{ margin:0px; padding:0px;}
body{ color:#333;   font-size:12px; font-family:'微软雅黑',Arial, Helvetica, sans-serif ;}
ul,li{ list-style:none;}
a{ color:#004150;text-decoration:none;}
img{ border:0px; vertical-align:middle; }
.clear{ clear:both;}
.left{ float:left}
.right{ float:right;}

.wrapper{ margin:0 auto; width:1100px; position:relative; z-index:2}

#header{ background:url(../images/header.png) center no-repeat; height:147px; width:100%; position:fixed; z-index:99999;}
#header .left img{ margin:19px 0;}

#leftnav{ background:url(../images/morejt.png) no-repeat 190px center #e8380d; color:#fff; font-size:16px; height:35px; line-height:35px; text-align:center; width:210px; position:relative;}
#leftnav a{ color:#fff;}

#header .right{ width:727px;}
#header .right dl{ color:#fff; font-size:12px; margin-bottom:10px;}
#header .right dl p{float:right; margin-left:5px;}
#header .right dl p a{display:block; width:50px; height:20px; margin-top:5px; background-color:#FFF; color:#3CA5DE; text-align:center; line-height:20px; border-radius:3px;}
#header .right dl p a:hover{ text-decoration:underline;}

#header .right dl span{float:right;}
#header .right dl a {  color:#fff; margin:0 5px;}
#header .top{ color:#fff; font-size:14px; height:31px; line-height:31px; margin:15px 0 66px; text-align:right;}
#header input{ background: url(../images/suosou.png);
border:0px;
    background-repeat: no-repeat;
    float: right;
    height: 31px;
    line-height: 31px;
	margin-left:20px;
    text-align: left;
	vertical-align:middle;
	padding:0 10px;
	width:164px;
}
#nav li{ float:left; position:relative; z-index:99999}
#nav li a{ display:block; font-weight:bold; font-size:16px; height:35px; line-height:35px; text-align:center; width:120px;}
#nav li a.current{ background:#fff; color:#004150;}
#nav li a:hover{ background:#fff; color:#004150;}
#nav #subNav {
	display:none;
    height: 31px;
    left: 0;
    position: absolute;
    text-align: center;
    top: 35px;
    z-index: 999;
	width:100%;
}
#nav #subNav a {
	background:#004f99;
    color: #fff;
	border-bottom:1px dotted #fff;
	display:block;
	font-weight:normal;
    height: 31px;
    line-height: 31px;
}
#nav #subNav a:hover{  color:#fff;}


#banner{ background:#eee; height:356px; width:100%;}

/*产品菜单*/
#product{ background:#fff;width:210px; height:356px; position:absolute; z-index:99; left:0; top:35px;}
#menu{ position:absolute; height:356px; width:210px; left:0;}
#product li{ background:url(../images/xiaob0.jpg) no-repeat 190px center #fff; border-bottom:1px solid #eee; height:31px; line-height:31px;  padding-left:15px; text-align:left; width:195px;}
#product li a{ color:#000; font-size:15px; font-weight:bold; margin-left:10px; }
#product li a:hover{ color:#028bab;}
#header #product li img{ margin:0px; margin-top:-3px;}
#product li:hover{ border:1px solid #028bab; border-right:0px; width:195px; }
#product .menu{ background:#fff; border:1px solid #028bab; display:none; left:210px; min-height:353px; position:absolute; top:0px; width:888px; z-index:-1;}
#product .menu .left{ border-right:1px dotted #ccc; min-height:344px; margin:5px 0; width:650px;}
#product .menu .left dl{ border-bottom:1px dotted #ccc; margin:10px 20px;}
#product .menu .left strong a{ font-weight:bold; font-size:14px;color:#e8380d; }
#product .menu .left strong a:hover{}
#product .menu .left a{ font-size:12px; font-weight:normal; margin:0 5px;}
#product .menu .right{ width:235px;}
#product .bread_img{ line-height:20px; margin:5px; text-align:center;}
#product .bread_img img{ margin:0px;}
#product .bread_img a{ font-weight:normal; font-size:12px; margin-left:0px;}

.dis{ display:none;}

/*焦点图
.banner{margin-left:210px; width:890px;}
.blueberry { background:#fff;position: relative; z-index:1; }
.blueberry .slides {display: block;position: relative;overflow: hidden;}
.blueberry .slides li {position: absolute;top: 0;overflow: hidden; width:100%; text-align:center; }
.blueberry .slides li img {display: block; width:890px; height:356px;}
.blueberry .slides li.active {display: block;position: relative;}
.blueberry .crop li img {width: auto;}
.blueberry .pager {bottom:30px;right:20px;width:100px;height: 16px;text-align: center;position:absolute;z-index:999;}
.blueberry .pager li {display: inline-block;float:left}
.blueberry .pager li a, .blueberry .pager li a span {display: block;height: 16px;width: 16px;}
.blueberry .pager li a {margin-right:10px;}
.blueberry .pager li a span {overflow: hidden;background: url(../images/bullets.png) -2px -22px no-repeat ;text-indent: -9999px;width:16px;height:16px;}
.blueberry .pager li.active a span {background-position:-2px -1px ;}*/

#ban_bots{ background:#f6f6f6;}
#ban_bots ul.last{ float:left; line-height:25px; padding:10px 20px; width:510px;}
#ban_bots ul.last strong{ color:#004150; margin-right:10px;}
#ban_bots ul.last a{ color:#666;}

.kong{background:#c9c9c9; height:30px; width:100%;}

.title{ border-bottom:1px solid #ccc; font-size:16px; font-weight:bold; height:40px; line-height:40px; position:relative;}
.title span{ font-size:12px; margin-left:10px;}
.title a{ float:right; font-weight:normal; font-size:12px;margin-right:10px; }
.title img{ position:absolute; left:0px; bottom:-2px;}


/*选项卡*/
#container{}
#container .menu{height:55px; border-top:1px solid #ccc; margin-top:20px;}
#container .menu ul{border-left:1px solid #ccc;list-style:none;margin:0; padding:0px;}
#container .menu li{ border-right:1px solid #ccc; border-bottom:1px solid #ccc; background:#004f99;display:block;float:left;width:365px;height:55px;cursor:pointer;}
#container .menu li.current{background:#fff; border-bottom:1px solid #fff;}
#container .menu span{ font-family:'微软雅黑','黑体'; font-size:30px; color:#fff;display:block;line-height:55px;text-align:center;}
#container .current span{color:#000;}
#container .content{ border:1px solid #ccc; border-top:0px;}
#container .content ul{list-style:none; padding-top:10px;}
#container .frist{ float:left; width:365px; overflow:hidden; position:relative;}
#container .step_title{background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3) !important;
    position: absolute;
	top:212px;
    width: 100%;
}
#container .step_title dl{font-size: 16px; font-weight: bold; height: 40px; line-height: 40px; text-align: center;}
#container .step_title dt{color: #FFFFFF; height: 212px; line-height: 20px; overflow: hidden; padding:0 15px;}
#container .step_title a{ color:#fff;}
.bot{ border-bottom:1px dotted #ccc;}
#container .clo{ float:left; margin-left:10px; padding:5px 0px; width:350px;}
#container .clo img{ float:left; margin-right:10px; height:110px; width:110px;}
#container .clo dt{ float:left; margin-left:0px; width:220px;}
#container .clo dt p{ margin-top:10px;}


#client{ border:1px solid #ccc; margin:40px 0 20px;}
#client h1{ font-size:18px; padding:20px;}
#client img{ margin: 0 0 20px 10px;}

#bot{ background:#eee; border:1px solid #ccc;}
#bot h1{ font-size:16px; line-height:20px; margin-bottom:5px;}
#bot h1 a{ float:right; font-weight:normal; font-size:12px;}
#bot .news{ float:left; border-right:1px dotted #ccc; margin:20px 0 20px 20px; padding-right:20px; width:360px;}
#bot .news li{ list-style:square; line-height:23px; margin-left:20px;}
#bot .last{ float:left; margin-top:20px; margin-left:20px;}
#bot .last img{ margin-top:15px; margin-right:10px;}

#footer{ line-height:25px; text-align:center; padding:10px 0;}
#footer a{ margin:0 5px;}


/*内页*/
#main{ margin-top:20px;}
#main .left{ border:1px solid #ccc; width:208px;}
#main .slid_menu{    background-color: #F5F5F5;
    background-image: url(../images/nntu2.jpg);
    background-position: 180px center;
    background-repeat: no-repeat;
    border-top: 1px solid #D4D4D4;
    font-family: "微软雅黑";
    font-size: 16px;
    font-weight: bold;
    height: 40px;
    line-height: 40px;
    text-indent: 40px;
}
#main .slid_menu a:hover{ color:#8fc65e }
#main .menu_dis{ margin-left:15px; display:none;}
#main .menu_dis li {
    background-image: url(../images/jiahao.jpg);
    background-position: 4px center;
    background-repeat: no-repeat;
    height: 36px;
    line-height: 36px;
    list-style-type: none;
    text-indent: 20px;
}
#main .right{ width:870px;}
#loc{ height:30px; line-height:30px; margin-bottom:10px;}

.bor{ border:1px solid #ccc;}
div#title{background-color: #F5F5F5;border-bottom: 1px solid #ccc;font-family: "微软雅黑";font-size: 16px;height: 37px;line-height: 37px;text-indent: 15px;}
.ques{}
.ques .qbox{border:1px solid #EEE; width:180px; height:210px; padding:3px; float:left;margin:10px 15px;}
.ques .qbox img {width:180px; height:180px;}
.ques .qbox p{height:30px; line-height:30px; text-align:center; width:180px; white-space:nowrap; text-overflow :ellipsis; overflow:hidden; font-size:12px; font-family:'宋体'; color:#666; font-weight:bold;}

.ques .qnew{border-bottom: 1px dashed #999999;height: 40px;line-height: 40px;margin-left: 10px;margin-right: 10px;text-indent: 5px;}
.ques .qnew span{ float:right; *margin-top:-40px; margin-right:10px;}

.page{ margin:10px; 20px; text-align:center}
.page a{ margin:0 10px;}
.page a:hover{ text-decoration:underline;}

#main .title{ border:1px solid #ccc; border-bottom:0px; background:#f5f5f5; text-indent:15px;}
#main .content{ line-height:23px; padding:10px 15px;}

.classify li{ border-bottom:1px dashed #ccc; line-height:30px;}
.classify li a{ margin:0 10px;}

.new{border: 1px solid #CCCCCC; float: left; height: 190px; line-height: 15px; margin: 10px 0 10px; padding: 10px 15px 0; position:relative; width:840px}
.new .pos{position:absolute;height:15px;width:30px;background:red;color:#fff;left:0px;top:0px;text-align:center}
.new h1{    border-bottom: 1px solid #0057C1;
    color: #0159FF;
    font-size: 14px;
    font-weight: bold;
    height: 28px;
    line-height: 28px;
    margin: 0 0 15px;
    padding: 0;}
.new img{ float:left; height:130px; width:190px;}
.new .int{ float:left; margin-left:20px; width:620px;}
.new .int dl{ line-height:20px; margin-bottom:10px;}
.new .int .frist{ height:70px;}
.new .int dt{ text-align:right;}
.new .int dt a{ background:#029DEF; color:#fff; padding:0 10px;}

.left .tops strong{ display:block; font-size:18px; line-height:30px; margin:10px; }
.left .tops img{ margin:0 0 10px 10px;}
.left .news{  border:1px solid #ccc; margin-top:20px;}
.left .news h1{ background:#f5f5f5; border-bottom:1px solid #ccc; font-size:16px; height:35px; line-height:35px; text-indent:15px;}
.left .news ul{ margin:5px 0;}
.left .news li{ border-bottom:1px dotted #ccc; line-height:35px; margin:0 15px;}
.left .news li img{ border:1px solid #ccc; display:none; margin-bottom:10px; width:175px;}
.left .news li:hover img{ display:block;}

.left h1{ background:#eee; color:#000; font-size:16px; line-height:30px; margin-bottom:2px; padding-left:15px;}
.left dl{border-bottom:1px solid #ccc; }
.leftnav strong{ background: url(../images/jiahoa.jpg) no-repeat 180px center #f5f5f5; color:#028BAB; cursor:pointer; display:block; font-size:14px; line-height:30px; padding-left:15px;}
.leftnav dt{ margin:5px 0; display:none;}
.leftnav dt a{ display:block; line-height:30px; padding-left:15px;}
.leftnav dt a:hover{ text-decoration:underline;}

#top{ line-height:18px; margin-bottom:15px;}
#top strong{ color:#000; font-size:18px; }
#top a{ margin:0 10px; text-decoration:underline;}
#top strong a{ color:#000; text-decoration:none;}

.step{ clear:both;}
#main .top{background-color:#E4E4E4;height:28px;line-height:28px;/* margin-top:20px;*/}
#main .top strong{ background:#004f99; color:#fff; display:inline-block; padding:0 15px;text-align:center;}
.caption{ overflow:hidden; position:relative;}
.boxcaption{background:0 0 rgba(0, 0, 0, 0.3) !important; width:100%; position:absolute; }
.step .frist{ float:left; width:240px;}
.step .frist .boxcaption{ top:312px;}
.step dl{font-size: 16px;font-weight: bold;height: 40px;line-height: 40px;text-align: center;}
.step .frist dt{ height:312px;}
.step .clo{ float:left; width:420px;}
.step .clo .boxcaption{ top:136px;}
.step .clo dt{ height:136px;}
.step .clo1{ float:left; width:210px;}
.step .clo1 .boxcaption{ top:136px;}
.step .clo1 dt{ height:136px;}
.step a{ color:#fff;}
.step a:hover{ text-decoration:underline;}
.step dt{ color:#fff; padding:0px 15px}

.pro{ float:left; margin:20px 24px 0px 23px; width:170px;}
.pro dl{ background:#ccc; line-height:23px;}
.pro dl strong{ background:#fff; color:#666; display:inline-block; margin:1px 5px 1px 1px; padding:0 5px; }
.pro dt{ background:#fff;}
.pro dd{ background:#fff; color:#028BAB; line-height:18px; height:36px; overflow:hidden;}
.pro img{ width:170px; height:170px;}

.ho20 { color: #028BAB; font-family: "微软雅黑"; font-size: 20px;}
.xuxian { border-bottom: 1px dashed #CCCCCC; line-height: 20px;}
.ho20 p{ margin-bottom:30px;}
.wr14 {color: #333333;font-family: "微软雅黑";font-size: 14px;font-weight: normal;}
.pp_img {border: 2px solid #eee;}
.img_hover {border: 2px solid #028BAB;}

#detail { margin-top:30px;}
#detail .title{ background:none; border:0px; border-bottom:2px solid #028BAB; text-indent:0em; }
#detail .title strong{ background:#028BAB; color:#fff; display:inline-block;padding:0 15px;}

.protits{heigth:35px; background-color:#eee; font-size:16px; color:#333; line-height:35px; padding-left:10px;}

.poliebox{width:420px; height:105px; overflow:hidden; float:left; margin:15px 0; margin-right:15px;}
.poliebox .polb img{width:100px; height:100px; float:left; margin-right:20px; border:1px solid #CCC;}
.poliebox .polb strong{color:#F00; font-size:14px; width:100%; margin-bottom:5px; display:block;}
.poliebox .polb strong a{color:#F00;}
.poliebox .polb strong a:hover{ text-decoration:underline;}
.poliebox .polb span{display:block; line-height:20px;}

/*****/
.ques {margin-top:10px;}
.ques li{height:25px; padding-left:5px; line-height:25px;  white-space:nowrap; text-overflow :ellipsis; overflow:hidden;
 border-bottom:1px dotted #CCC;}