@charset "utf-8";
/*q_ CSS Document */
.topnav a{ color:#cccccc;}
.topnav a:hover{ color:yellow;}

.zhunav{ float:right;}
.zhunav a{ color:#ccc; font-size:16px;}
.zhunav a:hover{ color:#15b1ac;}
.zhunav li{ float:left; text-align:right; width:95px; font-family:microsoft yahei;}
.zhunav .nLi{ position:relative;}
.zhunav .sub{ display:none; position:absolute; background-color:#04857e; padding:5px; width:100%; top:47px; left:8px; z-index:10;}
.zhunav .sub li{ text-align:center;line-height:24px; }
.zhunav .sub a{ font-size:13px; color:#fff; }
.zhunav .sub a:hover{ color:yellow;}

.red{ color:#ed1a23;}
a.red:hover{ text-decoration:underline;color:#ed1a23;}
.green{ color:#01847f;}
a.green:hover{ color:#01847f; text-decoration:underline;}
.grey{ color:#999;}
a.grey:hover{ text-decoration:underline;}
.footnav a{ color:#fff;}
.footnav a:hover{ color:yellow;}
.fl{ float:left;}
.fr{ float:right;}

.clearfix:after{ content: "020"; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {  /* 触发 hasLayout */ zoom: 1; }

.bodybg{ background-color:#dedede;

FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#000000); 
		background-image: -moz-linear-gradient(top, #eee, #fff); /*火狐*/
		background: -o-linear-gradient(top, #eee 0%,#fff 100%);/*Opera*/
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #eee), color-stop(1,#fff)); /*Chrome*/
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType='0'); /*IE*/
}
.bannerx{ height:200px; background:url(../images/bannerx.jpg) no-repeat center center;}
.wrapper{ width:1200px; margin:0 auto;} 
.main{ margin-top:30px; background:url(../images/mainbg.jpg) repeat-y left center;background-color:#fff; }

.leftside{ width:250px; float:left; margin-bottom:30px;}
.leftside h3{ height:70px; line-height:70px; font-size:25px; letter-spacing:3px; background-color:#15b1ac; color:#fff; padding-left:30px; font-weight:normal;}
.leftside ul{ padding:10px 25px;}
.leftside li{ background:url(../images/ciono.gif) no-repeat left center; border-bottom:1px solid #ccc; padding-left:20px; line-height:35px; font-size:14px; font-family:microsoft yahei; margin-top:5px;}
.leftside li a{ color:#444;}
.leftside li a:hover{ color:#ff0000;}
.leftside .lianxi{ padding:0 25px;color:#444;}

.content{ float:right; width:950px;}
.content .titt{ height:62px; line-height:62px; border-top:7px solid #04857e; border-bottom:1px solid #15b1ac; line-height:80px; color:#aaa;}
.content .titt h3{ font-weight:normal; padding-left:20px; font-size:16px;}
.content .titt h3 em{ font-size:50px; font-style:italic; line-height:62px; padding-right:8px;}
.content .titt span{ padding-right:20px;}
.content .titt a{ color:#aaa;}
.content .neirong{ padding:30px 20px; font-size:14px; color:#6D6D6D;}

.content .partable{ width:100%;}
.content .partable td{ padding:3px;}

/*.content .pro li{ float:left; margin:5px 13px 22px; position:relative; overflow:hidden;}
.content .pro .probg,.content .pro .txt{position:absolute; bottom:0px; left:0px; transition:1s; }
.content .pro .probg{ background-color:#f1f4f9; height:64px; width:100%; opacity:.95;}
.content .pro .img img{ width:200px; height:230px;}
.content .pro .txt{font-family:microsoft yahei; padding:10px 10px; height:44px; width:180px;}
.content .pro .proltit{ font-size:12px; color:#777; }
.content .pro .tit{ font-size:15px; color:#01847f; height:22px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap }
.content .pro li em{ height:8px; width:0px; transition:.3s; background-color:#01847f;  margin:0 auto; margin-top:30px; display:block; border-radius:5px;}
.content .pro li:hover .probg{ height:100%;}
.content .pro li:hover .txt{ bottom:50%;  text-align:center; }
.content .pro li:hover .tit{ overflow:visible; white-space:normal;}
.content .pro li:hover em{width:100px;}*/
.content .pro li{ float:left; margin:5px 13px 22px;}
.content .pro .img img{ width:200px; height:230px;}
.content .pro .txt{font-family:microsoft yahei; padding:10px 10px;width:180px;}
.content .pro .proltit{ font-size:12px; color:#777; display:none;}
.content .pro .tit{ font-size:14px; color:#01847f; height:22px; line-height:120%; text-align:center;}

.content .case{ margin-bottom:20px;}
.content .case li{ float:left; margin:0px 18px 2px; border:1px solid #fff; padding:10px;}
.content .case .img img{ width:240px;}
.content .case .txt{ text-align:center; height:24px; line-height:24px;}
.content .case li:hover{ border-color:#15b1ac; background-color:#f1f4f9;}
.content .case li:hover a{ color:#15b1ac;}
.content .news li{ padding:10px 0px;}
.content .news .img{ float:left; transition:.5s; margin-right:40px;}
.content .news .img img{ width:170px; height:120px; border:1px solid #ccc;}
.content .news .txt{ transition:.5s;}
.content .news .tit{ font-size:18px; color:#000; font-family:microsoft yahei;}
.content .news .time{ font-size:12px; color:#888; padding:5px 0;}
.content .news .miaoshu{ margin-top:5px; line-height:200%; color:#888; height:52px; overflow:hidden;}
.content .news li:hover{ background-color:#eee;}
.content .news li:hover .img{transform:translateX(10px);}
.content .news li:hover .txt{transform:translateX(-10px);}

.messagetit { font-size: 14px; font-weight: bold; line-height: 30px; height: 30px; }
.messagetarea { padding: 10px; border: 1px solid #dedede; font-size: 16px; line-height: 26px; font-family: microsoft yahei; color: #666; resize: none; width: 780px; height: 160px; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; background: #f8f8f8; margin-bottom: 20px; }
.messagetarea:focus { color: #333; border: 1px solid #15b1ac; outline: none; background: #fff; }
.messageinput { width: 236px; padding: 10px; height: 26px; line-height: 26px; font-size: 14px; border: 1px solid #dedede; margin: 0 5px 0 0; font-family: microsoft yahei; color: #666; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; background: #f8f8f8; margin-bottom: 20px; }
.messageinput:focus { color: #333; border: 1px solid #15b1ac; outline: none;  background: #fff; }
.messagebtn { width: 200px; text-align: center; line-height: 50px; height: 50px; font-size: 16px; border: 0; background: #b8c5ce; color: #2d3e50; border-radius: 4px; font-family: microsoft yahei; cursor: pointer; margin-right: 10px; margin-bottom: 30px; }
.messagebtn.btnon { width: 500px; color: #fff; background: #15b1ac; }
.messagebtn:hover { opacity: .8; filter: alpha(opacity=80); }

.content .contactable td{ line-height:180%; font-size:13px; font-family:microsoft yahei;}

.neirongcc img{ max-width:700px;}



/*产品内页样式*/


/**产品详细介绍**/

/*-------------产品详细页产品信息---------------*/
#pro_jbzl_box{ border:1px solid #dddddd; clear:both; width:100%; font-size:14px; margin-top:15px;}
.xglb{ width:100%; clear:both; height:35px; line-height:35px; border-bottom:1px solid #ddd;}
.xglb .h_d{ float:left; font-size:14px;color:#333; background:url(../images/icon_04.png) no-repeat 10px; padding-left:25px;}
.xglb .h_d a{color:#333;}
.xglb .h_d a:hover{ color:#ff7c00;}
.xglb .xglb_right{ float:right; margin-right:20px;}
.xglb .xglb_right a{ margin-right:10px; color:#0066CC; background:url(../images/right_icon01.png) no-repeat top left; padding-left:15px; padding-top:3px;}
.xglb .xglb_right a:hover{ color:#ff7c00;}
.xglb .xglb_right .xglb_xl{ font-size:14px;}
.xglb_xl{_margin-top:7px;}
.pro_img{ float:left; _width:310px; margin-bottom:20px; margin-right:10px;}
#pro_text_box01{ float:left; padding-top:10px; line-height:20px; color:#333333; width:400px; _width:400px;}
#pro_text_box01 .h_d{ font-size:16px; color:#000; margin-bottom:10px;}
#pro_text_box01 table td{ line-height:24px;}
#pro_ssfl{ border:1px solid #0066CC; color:#0066CC; padding:0px 5px 0px 5px; display:block; float:left;}
#pro_ssfl:hover{ border:1px solid #FF6633; color:#FF6633; padding:0px 5px 0px 5px;}
#pro_text_box01 p{ width:385px;*width:355px; border:1px solid #fdd274; background:#fdf1d7; padding:10px; margin-top:10px; height:80px; overflow:hidden; color:#333333;}
#pro_an{ margin-top:20px;}
#pro_an a{ width:125px;height:35px; display:block; float:left; text-align:center; font-size:16px; color:#FFFFFF; line-height:35px;font-family:"Microsoft YaHei"}
#pro_an01{ background:url(../images/pro_an01.jpg) no-repeat;}
#pro_an01:hover{ background:url(../images/pro_an01hover.jpg) no-repeat;}
#pro_an02{ background:url(../images/pro_an02.jpg) no-repeat; margin-left:20px;}
#pro_an02:hover{ background:url(../images/pro_an02hover.jpg) no-repeat;}
#pro_text_box02{ clear:both;padding-top:10px; margin-top:20px;font-size:14px; line-height:24px;}
#pro_gsbt{ font-size:14px; color:#0066CC; border-bottom:3px solid #ddd; padding-bottom:5px; margin-bottom:10px;}
#pro_order{ clear:both; margin-top:15px;}
.prodetail_box{ clear:both; margin-bottom:20px; border-bottom:1px solid #f1f1f1; padding:0 0 40px;}

.pro_text01{ float:right;color:#555;font-size:14px;line-height:26px; width:46%;}
.pro_text01 p{ clear:both; margin-bottom:5px;color:#555;font-size:14px;line-height:26px;    overflow: hidden;}
.pro_text01 p b{ float:left; display:block; width:21%;color:#555;font-size:14px;line-height:26px;font-weight:normal;}
.pro_text01 p span{ float:left; width:76%;color:#666;font-size:13px;line-height:26px;}
.pro_text01 h1.pro_name{font-size:24px;font-weight:bold;padding-bottom:10px; width: 100%;}
#pro_xxnr_box{ clear:both; line-height:24px; font-size:14px;color: #555;}
#pro_xxnr_box .bt{ height:45px; line-height:45px; background:#f1f1f1; color:#333; font-size:14px; font-weight:normal; margin-bottom:15px;}
#pro_xxnr_box .bt span{ background:#15b1ac; width:100px; text-align:center; height:45px; line-height:45px; display:block; color:#fff; font-size:16px;}
#pro_xxnr_box .xxbrbox{ padding:5px;}
.contact_page{font-size:14px;line-height:30px !important;color:#666;}
.idx_main_box{margin-top:0 !important;}
@media (max-width:1199px) {
    .pro_text01 p b{width:25%;}
    .pro_text01 p span{width:74%;}
    .prodetail_img{height:300px;}
}
@media (max-width:992px) {
     .pro_text01 p b{width:28%;}
    .pro_text01 p span{width:71%;}
    .pro_text01 p span.desc{height:80px;overflow:hidden;}
    .prodetail_img{height:250px;}
}

@media (max-width:880px) {
     .prodetail_img{height:300px;}
    .pro_text01 h1.pro_name{font-size:22px;}
}
@media (max-width:767px) {
    .prodetail_img{float:none;width:100%;margin-bottom:15px;margin-top:20px;}
    .pro_text01{float:none;width:100%;}
    .prodetail_box{padding-bottom:20px;}
}





.tjpro_tit {width:100%; height: 40px; overflow: hidden; line-height: 40px; color: #333; font-size: 24px; margin: 0 auto 10px; padding: 10px 0; border-bottom: 1px solid #eaeaea;}
.ny_main{padding-top:40px;}
.prodetail_con { width:100%; overflow: hidden; margin: 0 auto; padding: 0;}
.prodetail_con .prodetail_tit { width:100%; height: 40px; overflow: hidden; line-height: 40px; color: #333; font-size: 24px; margin: 0 auto 40px; padding: 10px 0; border-bottom: 1px solid #eaeaea;}
.prodetail_con .pro_xxjs { width:100%; overflow: hidden; margin: 40px auto; padding: 0;}
.pro_xxjs b { display:block; width: 100%; overflow: hidden; line-height: 26px; color: #333; font-size: 14px; font-weight: bold; margin: 0 auto; padding: 0;}
.pro_xxjs p, .pro_xxjs div { display:block; width: 100%; overflow: hidden; line-height: 26px; color: #666; font-size: 14px; text-align: justify; text-indent: 2em; margin: 0 auto; padding: 0;}
.pro_xxjs img { display:inline-block; max-width: 100%; margin: 10px auto; padding: 0;}
/**prodetail**/
.pro_detail_main { width:100%; height:auto; margin: 40px auto; padding: 0; position: relative;}
.pro_detail_main .pro_detail_img { width:480px; height: 480px; overflow: hidden; margin: 0; padding: 10px; border: 1px solid #eaeaea; box-sizing: border-box; float: left;}
.pro_detail_img .pro_detail_img_main { width:100%; height: 100%; margin: 0 auto; padding: 0; position: relative;}
.pro_detail_img_main img { display:block; max-width: 100%; max-height: 100%; margin: auto; padding: 0; position: absolute; left: 0; top: 0; right: 0; bottom: 0;}
.pro_detail_main .pro_detail_text { width:53%; min-height:360px; overflow: hidden; margin: 0; padding: 0 0 80px; float: right; position:relative;}
.pro_detail_text h1 { width:100%; overflow: hidden; line-height: 40px; color: #000; font-size: 30px; text-align: justify; margin: 0 auto; padding: 0;}
.pro_detail_text .jyms { width:100%;  margin:20px auto; padding:20px 0 20px 0; box-sizing: border-box;}


.pro_detail_text ul { width:100%; margin: 20px auto; padding: 0;}
.pro_detail_text ul li { width:50%; height:30px; overflow: hidden; line-height: 30px; color: #888; font-size: 14px; text-align: justify; white-space:nowrap;	text-overflow: ellipsis; margin: 10px auto; padding: 0; float:left;}
.pro_detail_text ul li img { display:block; width:16px; height:16px; overflow:hidden; margin:7px 4px 7px 0; padding:0; float:left;}
.pro_detail_text ul li span { color:#333; font-weight: bold;}
.pro_detail_text .pro_detail_btn { width:100%; height: 60px; overflow: hidden; margin: 0 auto; padding: 0; position:absolute; left:0; bottom:6px;}
.pro_detail_btn a { display:block; width: 48%; height: 60px; overflow: hidden; line-height: 60px; color: #fff; font-size: 22px; text-align: center; margin: 0; padding: 0; float: left;}
.pro_detail_btn a.prodtl_btn1 { float:left; margin: 0 4% 0 0; background-color: #15b1ac;}
.pro_detail_btn a.prodtl_btn2 { float:left; background-color: #4a4a4a;}
.pro_detail_btn a.prodtl_btn1:hover { background-color: #004e83;}
.pro_detail_btn a.prodtl_btn2:hover { background-color: #005996;}

/**产品详情页产品图片切换**/
.prodetail_img { width:44%; height: 440px; margin: 0; padding: 0; box-sizing: border-box; float: left;}
#preview { width:100%; margin:0; text-align:center; position:relative;}
.list-h li { float:left;}
#spec-n5 { width:100%; height:70px; padding-top:10px; overflow:hidden;}
#spec-left { width:16px; height:64px; float:left; cursor:pointer; margin-top:3px;}
#spec-right { width:16px; height:64px; float:left;cursor:pointer; margin-top:3px;}
#spec-list { width:100%; float:left; overflow:hidden; margin:0; display:inline;}
#spec-list ul { }
#spec-list ul li { float:left; display:inline; padding:0; width:18.4%; height:64px; margin:0 2% 0 0;}
#spec-list ul li:last-child { margin:0;}
#spec-list ul li p { width:100%; height:100%; overflow:hidden; margin:0; padding:0; border:1px solid #ddd; position:relative; box-sizing: border-box;}
#spec-list ul li:hover p { border:1px solid #005996;}
#spec-list ul li img { display:block; max-width:94%; max-height:94%; margin:auto; padding:0; position:absolute; left:0; top:0; right:0; bottom:0;}
/*jqzoom*/
.jqzoom { position:relative; width:100%; height:360px; overflow:hidden; padding:0; border:1px solid #eaeaea; box-sizing: border-box;}
.jqzoom img { display:block; max-width:100%; max-height:100%; margin:auto; padding:0; position:absolute; left:0; top:0; right:0; bottom:0;}
.zoomdiv { z-index:100;position:absolute;top:1px;left:0px; background:url(i/loading.gif) #fff no-repeat center center;border:1px solid #eaeaea;display:none;text-align:center;overflow: hidden; left:104%!important; top:0!important;}
.bigimg { }
.jqZoomPup { width:200px!important; height:200px!important; z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;background:url(../images/mask.png) 0 0 repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}
#spec-list { position:relative; width:100%; margin:0;}
#spec-list div { width:100%!important; height:70px!important; margin:0;}

#ceshi { display:block; margin:auto!important; left:0; top:0; bottom:0; right:0;}

.prodetail_img a.videoIco { left:20px!important; bottom:20px!important; z-index:99!important;}
.Warning { width:100%!important; height:100%!important;}
@media (max-width:1400px) {
	.pro_detail_main{width:100%;}
	.prodetail_img{width:45%;}
	#preview{width:100%;}
	.jqzoom{width:100%;}
	#spec-n5{width:100%;}
	#spec-list{width:100%;}
	.pro_detail_main .pro_detail_text{width:52%;}
	.pro_detail_text .pro_detail_btn{width:100%;}
	
	.zoomdiv { left:104%!important}
}
@media (max-width:992px) {
	
}
@media (max-width:880px) {
	.pro_detail_main{width:100%;margin: 24px auto 20px;}
	.prodetail_img{width:100%;height:auto;}
	#preview{width:100%;}
	.jqzoom{width:100%;height: 285px;}
	.pro_detail_main .pro_detail_text{width:100%;padding-top:2px;height: auto;min-height:260px; padding-bottom:60px;}
	.pro_detail_text h1{font-size:22px; line-height:32px;}
	.pro_detail_text .jyms{margin: 10px auto;padding: 12px 20px;height:auto;}
	.pro_detail_text ul{overflow:hidden;    margin: 10px auto;}
	.pro_detail_text ul li{font-size:14px;    margin: 6px auto;}
	.pro_detail_text .pro_detail_btn { height:48px;}
	.pro_detail_btn a{height:48px;line-height:48px;width:48%;font-size:16px;}
	.pro_detail_btn a.prodtl_btn1{margin: 0 4% 0 0;}
	#spec-n5{width:100%;}
	#spec-list{width:100%;}
	.zoomdiv,.jqZoomPup{display:none !important;}
	
}
@media (max-width:767px) {
	
}