@charset "utf-8";
/* CSS Document */

/*通用*/
.mt25{ margin-top: 25px; }


.top{
	width: 100%;
	float: left;
	overflow: hidden;
	height: 39px;
	line-height: 39px;
	border-bottom: 1px solid #cdcccc;
}
.top_left a{
	color: #000000;
	font-size: 12px;
	font-family: '宋体';
	padding: 0 15px;
}
.top_right a.en{
	padding-left: 45px;
	background: url(../images/en.jpg) left no-repeat;
	display: inline-block;
	font-size: 12px;
	color: #000000;
	padding-right: 20px;
}
.top_right a.china{
	font-family: '宋体';
	font-size: 12px;
	color: #000000;
	padding-left: 45px;
	display: inline-block;
	background: url(../images/china.jpg) left no-repeat;
}

.header{
	width: 100%;
	float: left;
	overflow: hidden;
}
.contact{
	width: 204px;
	height: 65px;
	margin-top: 25px;
	float: right;
	padding-left: 55px;
	background: url(../images/tel.jpg) left no-repeat;
}
.contact p{
	color: #2c589d;
	font-size: 14px;
	line-height: 22px;
	margin-top: 10px;
}
.contact i{
	color: #2c589d;
	font-weight: bold;
	font-size: 25px;
	font-family: 'Arial';
}

.navigation{
	width: 100%;
	height: 51px;
	background: #0158a8;
}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.nav{
	width: 1200px;
	margin: 0 auto;
	position: relative;
	z-index: 2;
}
.nav a{ color:#fff;  }
.nav .nLi{ float:left;  position:relative; display:inline;  }
.nav .nLi span{ float:left; width: 168px; background: url(../images/nline.jpg) right no-repeat;}
.nav .nLi:last-child span{ background: none; }
.nav .nLi span a{
	display:block;
	width: 168px;
	height: 51px;
	text-align: center;
	font-weight: normal;
	font-size: 16px;
	line-height: 51px;
}
.nav .sub{ display:none; width: 168px; left:0; top: 51px;  position:absolute; background:#3384d9;  line-height:30px; padding:5px 0; z-index:2;}
.nav .sub li{ zoom:1; }
.nav .sub a{ display:block; text-align: center;}
.nav .sub a span{ background:none; float:none;}
.nav .sub a:hover{ background:#0158a8; color:#fff;  }
.nav li.on span a{ background:#3384d9; color:#fff;   }

/*banner*/
.banner{ 
	width: 100%; 
	height:545px; 
	float: left;
	overflow:hidden; 
	position:relative;
}
.banner .hd{ width: 100%; height:10px; overflow:hidden; position:absolute; right: 0; bottom: 32px; z-index:1; }
.banner .hd ul{ overflow:hidden; zoom:1; float:left; width: 100%; text-align: center; }
.banner .hd ul li{ margin: 0 10px; width: 50px; height: 10px; background: #e4e2e2; cursor:pointer; display: inline-block;}
.banner .hd ul li.on{ background: #0158a8;}
.banner .bd{ position:relative; height:100%; z-index:0;   }
.banner .bd li{ zoom:1; vertical-align:middle; }
.banner .bd img{ width: 1920px; height: 545px; display:block;  }


/*左侧*/
.lefter{
	width: 273px;
	float: left;
	overflow: hidden;
	margin-bottom:20px;
}
.lefter_title{
	overflow: hidden;
	background: #0158a8;
	text-align: center;
	padding: 20px 50px;
}
.lefter_title dt{
	font-weight: bold;
	font-size: 55px;
	color: #ffffff;
	float:left;
}
.lefter_title dl{ float:left;}
.lefter_title dl dd{ font-size:27px;font-weight: bold; color:#fff;text-align: left;padding: 9px 0px 0px 10px;}
.lefter_title dl span{ font-size:12px; color:#fff; opacity:0.5;padding: 0px 0px 0px 10px;}
.lefter_list{
	width: 100%;
	float: left;
	overflow: hidden;
}
.lefter_list li{
	border-top: 1px solid #c8c8c8;
	width: 100%;
	text-align: center;
	line-height: 70px;
}
.lefter_list li a{
	color: #000000;
	font-size: 16px;
	display: block;
	background: #f0f0f0 url(../images/plus.png) 228px no-repeat;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 44px 0 20px;
}
.lefter_list li a:hover{
	background: #0158a8 url(../images/plus.png) 228px no-repeat;
	color: #ffffff;
}
.lefter_list li a.on{
	background: #0158a8 url(../images/plus.png) 218px no-repeat;
	color: #ffffff;
}
#pro2_navul li{width: 100%;text-align: center;line-height: 40px; border:none;}
#pro2_navul li a{color: #000000;font-size: 14px;display: block; background-image:none;}
#pro2_navul li a:hover{color: #ffffff;}

.col{
	width: 100%;
	float: left;
	overflow: hidden;
	height: 47px;
	line-height: 47px;
	background: url(../images/line.png) left bottom no-repeat;
}
.col span.cbt{
	float: left;
	color: #333333;
	font-size: 20px;
}
.col span.cen{
	float: left;
	color: #32679d;
	font-size: 12px;
	font-family: 'Arial';
	padding-left: 10px;
	padding-top: 5px;
}
.col a{
	color: #32679d;
	font-size: 16px;
	font-family: 'Arial';
	float: right;
	display: inline-block;
	padding-top: 7px;
}

/*友情链接*/
.link{
	width: 100%;
	float: left;
	overflow: hidden;
	min-height: 41px;
	line-height: 25px;
	padding-top:15px;
}
.link span{
	color: #2c589d;
	font-size: 14px;
	float: left;
	padding-right: 12px;
}
.link a{
	float: left;
	padding: 0 12px;
	font-size: 12px;
	color: #666666;
}
/*底部*/
.footer{
	width: 100%;
	float: left;
	overflow: hidden;
	background: #0158a8;
	margin-top: 30px;
}
.footer .wp{ text-align:center; color:#fff;}
.footer ul li{ float:left; width:150px; padding:10px;}
.footer ul li a{color:#fff;}
.ewm{
	width: 92px;
	float: left;
	overflow: hidden;
	margin-top: 26px;
	margin-left: 40px;
	display: inline;
}
.company{
	width: 400px;
	float: left;
	overflow: hidden;
	display: inline;
	margin-left: 30px;
	margin-top: 35px;
	line-height: 24px;
	color: #ffffff;
	font-size: 12px;
}
.flogo{
	float: right;
}
.copy{
	width: 100%;
	overflow: hidden;
	line-height: 35px;
	background: #01215f;
}
.copy .wp{ text-align:center; color:#fff; padding:10px; line-height:35px;}
.copy a{ color:#fff;}
.copy span{
	color: #ffffff;
	font-size: 12px;
}

.main{
	width: 905px;
	float: right;
	overflow: hidden;
}
.main_title{
	width: 100%;
	float: left;
	overflow: hidden;
	padding-bottom: 12px;
	background: url(../images/line.png) left bottom no-repeat; 
	color: #333333;
	overflow: hidden; text-overflow: ellipsis; white-space:nowrap;
}
.main_title span a{
	color: #333333;
	font-size:14px;
}

.hotshop{
	width: 100%;
	float: left;
	overflow: hidden;
}
.hs_title{
	width: 100%;
	float: left;
	overflow: hidden;
	height: 50px;
	background: #cacaca;
	line-height: 50px;
}
.hs_title span{
	display: block;
	width: 180px;
	height: 50px;
	float: left;
	text-align: center;
	color: #ffffff;
	font-size: 16px;
	font-weight: bold;
	background: #2c589d;
}
.hs_title a{
	float: right;
	font-size: 14px;
	color: #ffffff;
	padding-right: 10px;
}

.hotshop ul{
	width: 100%;
	float: left;
	overflow: hidden;
	margin-top: 20px;
}
/*.hotshop ul li{
	width: 217px;
	height: 251px;
	border: 1px solid #cacaca;
	position: relative;
	overflow: hidden;
	float: left;
	margin-left: 9px;
}
.hotshop ul li img{ width: 217px; height: 251px;}
.hotshop ul li .show{
	position: absolute;
	width: 217px;
	height: 251px;
	top: 0;
	left: 0;
	background: url(../images/pbg.png);
	line-height: 251px;
	text-align: center;
	display: none;
}
.hotshop ul li .show a{
	color: #ffffff;
	font-size: 12px;
}*/
.c30{ height: 30px; clear: both; overflow: hidden; }


#floatDivBoxs{width:170px;background:#fff;position:fixed;top:180px;right:0;z-index:999;}
#floatDivBoxs .floatDtt{width:100%;height:45px;line-height:45px; background:#285da3;color:#fff;font-size:18px;text-indent:22px;position:relative;}
#floatDivBoxs .floatDqq{padding:0 14px;}
#floatDivBoxs .floatDqq img{ margin-top:5px}
#floatDivBoxs .floatDqq li{height:45px;line-height:45px;font-size:15px;border-bottom:1px solid #e3e3e3; padding:0 0 0 50px;}
#floatDivBoxs .floatDqq li a{ color:#333;}
#floatDivBoxs .floatDtxt{font-size:14px;color:#333;padding:2px 14px;}
#floatDivBoxs .floatDtel{padding:0 0 5px 14px; font-size:15px; color:#285da3; font-weight:bold}
#floatDivBoxs .floatDtel img{display:block;}
#floatDivBoxs .floatDbg{width:100%;height:20px;background:url(../images/qq_online_botbg.jpg) no-repeat;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
.floatShadow{ background:#fff;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
#rightArrow{width:50px;height:45px;background:url(../images/qq_online_arrow.jpg) no-repeat;position:fixed;top:180px;right:170px;z-index:999;}
#rightArrow a{display:block;height:45px;}
.links a{ display:block; float:left; height:25px; line-height:25px; padding-top:8px; padding-left:30px}

.link1{
    background: url(../images/ac.png) no-repeat 0 10px;
    padding-left: 36px;
}
.link4{
    background: url(../images/acc.png) no-repeat 0 10px;
}
.link2{
    background: url(../images/2.jpg) no-repeat 0 10px; padding-left:35px !important;
}
.link3{
    background: url(../images/3.jpg) no-repeat 0 8px;
  
}
.link5{
    background: url(../images/hb.png) no-repeat 0 8px;
}
.link6 {
    background: url(../images/dpc1.png) no-repeat 0 12px;
    background-size: 22PX;
}
.link7 {
    background: url(../images/cyyy2.png) no-repeat 0 8px;
    background-size: 22PX;
}

/*产品详情*/
#nr_main_box{ margin:30px auto; padding:0; line-height:24px;}
#pro_detail_box01{ width:100%;height:auto;clear:both; margin:30px auto; padding:0;}
#pro_detail_text{ float:right; height:auto; min-height:256px;width:520px; display:block; font-size:14px; position:relative; padding-bottom:46px;}
#pro_detail_text p.gxsj{ font-size:14px;}
#pro_detail_text h1{font-size:20px; line-height:30px; color:#333;margin:0 0 10px;font-family: "Microsoft YaHei";font-weight:bold;}
#pro_detail_text .fhbc{ font-size:12px; line-height:22px; color:444;}
#pro_detail_text .bt{ font-size:14px;margin:5px 0;}
#pro_detail_text .xqms{height:48px; overflow:hidden; line-height:24px; margin-bottom:20px;}
#pro_detail_text .others{color: #828282;font-size: 14px;line-height:30px;margin-bottom:0;overflow: hidden;}
#pro_detail_text .others i{color: #0158a8;font-style: normal;}
#pro_detail_text .others span{display:block;float:left;margin:0 10px 10px 0;height:30px;line-height:30px;padding:0 10px 0 32px;background: #f1f1f1;font-size:12px;}
#pro_detail_text .others span.cs1{background:#f1f1f1 url(../images/cs1.png) no-repeat 10px center;}
#pro_detail_text .others span.cs2{background:#f1f1f1 url(../images/cs2.png) no-repeat 10px center;}
#pro_detail_text .others span.cs3{background:#f1f1f1 url(../images/cs3.png) no-repeat 10px center;}
#pro_detail_text .others span.cs4{background:#f1f1f1 url(../images/cs4.png) no-repeat 10px center;}
.c_prodetail{padding:10px; border:1px solid #E6E6E6; margin:0; position:absolute; bottom:0; width:418px;}
.c_prodetail p{margin-top:0;}
.c_prodetail p img{vertical-align:middle; margin-right:4px; margin-left:1px; border:0px none;}
.c_prodetail .c_baiduBtn{margin-top:10px; padding-top:6px; border-top:1px dashed #DDD;}
.c_prodetail .c_baiduBtn .c_baiduBtn_con{height:26px; overflow:hidden;}
#ny_pro_box02 #con { width:100%;margin:0 auto; clear:both;}
#ny_pro_box02 #tags {height:40px;line-height:40px; border-bottom:1px solid #eaeaea;}
#ny_pro_box02 #tags li {float:left;list-style-type: none; height:40px; margin-right:4px;}
#ny_pro_box02 #tags li a {color: #333;line-height:40px;height:40px;width:120px; background-color:#f5f5f5; text-decoration: none;display:block; text-align:center;font-size:15px;}
#ny_pro_box02 #tags li a:hover{ width:120px;color:#fff; height:40px; border-top:none;}
#ny_pro_box02 #tags li.emptyTag {BACKGROUND: none transparent scroll repeat 0% 0%; WIDTH: 4px;}
#ny_pro_box02 #tags li.selectTag {background-position: left top;  position: relative; height:33px;}
#ny_pro_box02 #tags li.selectTag a {width:120px;height:40px; color:#fff; background: #0158a8;}
#ny_pro_box02 #tagContent { font-size:14px;color:#333;overflow:hidden;clear:both; width:780px; padding:10px; clear:both; min-height:320px; line-height:26px; }
#ny_pro_box02 .tagContent {DISPLAY: none; COLOR: #474747; padding-top:20px;}
#tagContent p, #tagContent p span, #tagContent span { font-size:14px!important; color:#333!important; line-height:26px!important;}
#ny_pro_box02 #tagContent DIV.selectTag {DISPLAY: block; overflow:hidden;}
#tagContent table{border: 0px solid #fff;	border-collapse: collapse;}	
#tagContent table tr td{border: 1px solid #ccc;}
#preview {text-align: center; width:340px; float:left; margin:0;}
#preview .proimg_xq{ width:340px; height:300px; border:1px solid #eaeaea;position:relative;display:table-cell;text-align:center;vertical-align:middle;}
#preview .proimg_xq .xqimg{width:340px;line-height:300px;height:300px;font-size:14px;text-align:center;position:static;+position:absolute;top:50%}
#preview .proimg_xq img {vertical-align:middle;position:static;+position:relative;top:-50%;left:-50%; max-width:320px; max-height:280px}

.ly_foot { width:100%; height:240px; overflow:hidden; margin:0 auto; padding:0 0 20px; background:url(../images/footer_bg.jpg) repeat;}
.ft_nav { width:100%; height:48px; overflow:hidden; margin:0 auto; padding:10px 0 0 0; border-bottom:1px solid rgba(255, 255, 255, 0.2);}
.ft_nav ul { width:1100px; height:48px; overflow:hidden; margin:0 auto; padding:0;}
.ft_nav ul li { width:137px; height:48px; overflow:hidden; margin:0; padding:0; float:left;}
.ft_nav ul li a { display:block; height:48px; overflow:hidden; line-height:48px; color:rgba(255, 255, 255, 0.6); font-size:14px; text-align:center;}
.ft_nav ul li a:hover { color:#fff;}
.ft_main { width:1100px; height:80px; overflow:hidden; margin:30px auto; padding:0;}
.ft_main ul { width:320px; height:60px; overflow:hidden; margin:0 30px 0 0; padding:10px 0; float:left;}
.ft_main ul.two{width:200px;margin-left: 103px;}
.ft_main ul.three{width:226px;float:right;}
.ft_main ul li { width:100%; height:30px; overflow:hidden; line-height:30px; color:rgba(255, 255, 255, 0.6); font-size:14px;}
.ft_main ul li img { display:block; width:30px; height:30px; overflow:hidden; margin:0 0 0 0; padding:0; float:left;}
.ft_main .ft_ewm { width:320px; height:140px; overflow:hidden; margin:0; padding:0; float:right;}
.ft_ewm img { display:block; width:120px; height:120px; overflow:hidden; margin:0 0 0 15px; padding:0; float:right;}
.ft_ewm p { width:165px; height:44px; overflow:hidden; line-height:22px; margin:38px 0; padding:0; color:#fff; font-size:12px; text-align:right;}
.ft_copy { width:1100px; height:30px; overflow:hidden; line-height:15px; margin:5px auto; padding:0; color:rgba(255, 255, 255, 0.5); font-size:14px; text-align:center;}