﻿@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{ margin:0; padding:0;}
body{ color:#444; font-size:14px; font-family:'Conv_seguiemj'; background: #f5f5f5;}
section,article,aside,header,footer,nav,dialog,figure{ display:block;}
ul, ol{ list-style:none;} 
img,fieldset{ vertical-align:top; border:0;}
img {vertical-align: middle;border: none;max-width: 100%;} 
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal;}
address,cite,code,em,th{ font-weight:normal; font-style:normal;}
input,button,textarea,select{ font:100% 'Conv_seguiemj'; vertical-align:middle;}
table,td,tr,th{ font-size:14px;}
.fl{float:left;}
.fr{float:right;}
.nodispaly{ display:none;}
.line{ height:20px; line-height:20px; font-size:0px; clear:both; overflow:hidden; display:block;}
.clearfix{ *zoom:1;}
.clearfix:after{ display:block; overflow:hidden; clear:both; height:0px; visibility:hidden; content:".";}
a{ color:#444; text-decoration:none;}
a:hover{ color:#0b9ced; text-decoration:none;}
.container{ max-width:1220px; margin:0 auto;}
.container:after{ display:block; overflow:hidden; clear:both; height:0px; visibility:hidden; content:".";}


@font-face {
	font-family: 'Conv_seguiemj';
	src: url('fonts/seguiemj.eot');
	src: local('☺'), url('fonts/seguiemj.woff') format('woff'), url('fonts/seguiemj.ttf') format('truetype'), url('fonts/seguiemj.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


/*head_top*/
.head_top{ width:100%; position:fixed; top:0; margin:0 auto; background:rgba(255,255,255,.95); z-index:99; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);}
.head_top .logo{ width:345px; float:left; margin-top:6px; position:absolute; transition:opacity 0.6s ease; -webkit-transition:opacity 0.6s ease; z-index: 99;}
.head_top .logo img{ width:100%;}


.head_top .search{ width:27px; float:right; margin:28px 0 21px 15px;}
.head_top .search img{ width:100%;}

/*nav*/
.header{ float:right;}
.nav{ font-size:0px;}
.nav .m{ position:relative; display:inline-block; z-index:10;}
.nav a{ display:block; font-size:15px; color:#444; line-height:81px; padding:0 26px; font-weight: bold;}
.nav .sub{ width:145px; position:absolute; left:0; top:81px; background:rgba(255, 255, 255, .8); padding:10px 15px;}
.nav .sub li{ text-align:left;}
.nav .sub li a{ color:#333; font-size:14px; line-height:32px; display:block; background:none; padding:0;font-weight: normal;}
.nav .sub li a:hover{ text-decoration:none; color:#0b9ced;}
.menu{ display:none;}
.sub_menu{ display:none;}


/*banner*/
.banner_pc{margin-top: 81px;}
.flexslider{ position:relative;}
.flexslider .slides > li{ display:none; -webkit-backface-visibility:hidden;}
.flexslider .slides img{ width:100%; display:block;border-radius:0px;}
.flex-pauseplay span{ text-transform:capitalize;}
.flex-control-nav{ width:100%; text-align:center; position:absolute; bottom:18px;}
.flex-control-nav li{ margin:0 6px; display:inline-block; zoom:1;}
.flex-control-paging li a{ width:14px; height:14px; display:block; background:#fff; cursor:pointer; text-indent:-9999px; -webkit-border-radius:14px; -moz-border-radius:14px; -o-border-radius:14px; border-radius:14px;}
.flex-control-paging li a:hover{ background:#e70012; }
.flex-control-paging li a.flex-active{ background:#e70012; cursor:default;}
.flex-direction-nav li a{ width:50px; height:50px; position:absolute; top:50%; margin-top:-25px;}
.flex-direction-nav li a.flex-prev{ background:url(../images/left.png) center center no-repeat; left:2%; z-index:99;}
.flex-direction-nav li a.flex-next{ position:absolute; background:url(../images/right.png) center center no-repeat; right:2%;}

/*new_product*/
.new_products{ padding: 30px 0;box-sizing: border-box;}
.new_products .k_top_title {line-height: 24px;font-size: 22px; color: #444; font-weight: bold; padding-bottom: 22px;}
.new_products p{padding: 15px 0; font-size: 15px; text-align: center;}
.new_products .fa{font-size: 20px;width: 32px;height: 32px;background: #000;color: #fff;display: inline-block; vertical-align: middle; text-align: center;}

/******优势******/
.advs_bg { padding:40px 0; background:#fff; overflow: hidden;}
.sypro_title { font-size:30px; color:#333; text-align:center; margin-bottom:22px;}
.advs_bg .sypro_con li{ width:21%; padding:0 2%; text-align:center; float:left; margin-top:20px;}
.sypro_con li .sypro_txt h3{ font-size:18px; color:#333; margin-bottom:10px; line-height:30px;}
.sypro_con li .sypro_txt p { font-size:13px; color:#808080; line-height:25px;}
.sypro_con li .sypro_img { height:100px; margin-bottom:15px;}
.sypro_con li .sypro1 { background:url(../images/pro1.png) center no-repeat;}
.sypro_con li:hover .sypro1 { background-image:url(../images/pro1_hover.png);}
.sypro_con li .sypro2 { background:url(../images/pro2.png) center no-repeat;}
.sypro_con li:hover .sypro2 { background-image:url(../images/pro2_hover.png);}
.sypro_con li .sypro3 { background:url(../images/pro3.png) center no-repeat;}
.sypro_con li:hover .sypro3 { background-image:url(../images/pro3_hover.png);}
.sypro_con li .sypro4 { background:url(../images/pro4.png) center no-repeat;}
.sypro_con li:hover .sypro4 { background-image:url(../images/pro4_hover.png);}


.wp1{width: 100%; padding: 40px 0 0 0;}
.section1{overflow: hidden;}
.ul-list1{overflow: hidden;padding:6px 0;margin: 0 -21px;}
.ul-list1 li{width: 33.33%;float: left;padding: 0 20px;	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.ul-list1 .con{display: block;position: relative;overflow: hidden;padding-top: 0;}
.ul-list1 img{display: block;width: 100%;
	transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	-o-transition: .5s;
}
.ul-list1 .txt{position: absolute;bottom: 0;left: 0;right: 0;}
.ul-list1 h3{font-size: 15px;font-weight: normal; padding: 0 10px; line-height: 30px;overflow: hidden;color: #fff;margin-bottom: 7px;}
.ul-list1 p{line-height: 22px;}
.ul-list1 span{display: block;font-family: 'Myriad Pro';margin-top: 13px;}
.ul-list1 .txt{color: #e5e5e5;font-size: 14px;padding: 15px 25px;position: absolute;left: 0;right: 0;bottom: 0;height: 142px;overflow: hidden;	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	-o-transition: .3s;
    opacity: 0;
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 0)';
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    background: rgba(0,0,0,.5);
}
.ul-list1 .txt1{background-color: #0093dd;}
.ul-list1 .txt2{background-color: #00aa80;}
.ul-list1 .txt3{
    top: 0;width: 100%;height: 100%;text-align: center;
}
.ul-list1 .txt3 .inner{
    position: absolute;left: 0;right: 0;top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.ul-list1 .txt3 i{
    display: block;width: 100px;height: 100px;background: url(../images/gicon8.png) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin: 0 auto 10px;
}
.ul-list1 .zhezhao{position: absolute;top: 0;bottom: 0;left: 0;right: 0;background: rgba(0,0,0,.1);
	transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	-o-transition: .5s;
	opacity: 1;
	-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 100)';
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}


.ul-list1 h4{
    font-size: 25px;text-align: center;height: 60px;line-height: 60px;overflow: hidden;position: absolute;top: 50%;left: 0;right: 0;color: #fff;font-weight: normal;
    background: url(../images/bg2.jpg) no-repeat center bottom;
    margin-top: -30px;
}
.ul-list1 .con:hover .zhezhao{
	opacity:1;
	-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 0)';
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}
.ul-list1 .con:hover .txt{
	opacity: 1;
	-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 100)';
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}
.ul-list1 .con:hover img{	
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}


/*footer*/
.footer{ width:100%; margin:0 auto; overflow:hidden; background:#242424;}
.foot_w{ margin:36px auto;}
.foot_l{ float:left; width:85%;}
.foot_l dl{ float:left; margin:0 5% 0 0; width: 20%;}
.foot_l dl dd{ font-size:18px; color:#fff; line-height:36px; margin:0 0 12px 0; padding-bottom: 8px; position:relative;}
.foot_l dl dd:after{ content:""; background:#686868; height:1px; width:150px; position:absolute; bottom:0; left:0;}
.foot_l dl dt{ line-height:30px; color:#ccc;}
.foot_l dl dt a{ font-size:13px; color:#ccc; display:block; transition:all .3s;}
.foot_l dl dt a:hover{ color:#0b9ced; text-decoration:none;}

.foot_l dl:nth-child(3){width: 50%; margin: 0}

.foot_r{ float:right; width:180px;}
.foot_r img{width: 150px; margin-top: 20px;}

.foot_icp{ font-size:13px; color:#ccc; line-height:28px; text-align:center; text-transform:uppercase; padding:15px 0; background:#000;}
.foot_icp a{ color:#ccc;}
.foot_icp a:hover{ color:#666;}



/*ny_banner*/
.ny_banner{ width:100%; margin:81px auto 0; overflow:hidden;}
.ny_banner img{ width:100%;}

.blk_main{width:100%;background: #fff;padding:20px 0; overflow:hidden;}
.blk{margin-bottom: 15px;}

/*subnav*/
.p12-curmbs-1{font-size: 14px;border-bottom: 1px dashed #dcdcdc;}
.p12-curblock{display: none;}
.p12-curmbs-1 b{border-left: 10px solid #0b9ced;font-weight: normal;padding-left: 8px;}
.p12-curmbs-1 i{font-style: normal;}
.p12-curmbs-1 span{padding: 0 5px;height: 46px;line-height: 46px;}

.fdh-02{height: auto;background: #fff;margin-bottom: 20px;overflow: hidden;}
.fdh-02 ul{display:flex;background: #eee;}
.fdh-02 ul li{flex:1; height: 55px;font-size: 18px;line-height: 55px;text-align: center;border-right: 1px solid #d2d2d2;cursor: pointer;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
.fdh-02 ul li a{color: #333; display: block;}
.fdh-02 ul li.sidenavcur, .fdh-02 ul li:hover{background: url(../images/p16-icon6.png) no-repeat bottom center #0b9ced;border-color: #0b9ced;}
.fdh-02 ul li.sidenavcur a, .fdh-02 ul li:hover a{color: #fff;}
.fdh-02 ul li:last-child{border-right:none;}

.ny_abcom{ width:100%; margin:0 auto; overflow:hidden;}
.ny_abcom .wybt{text-align: center; padding: 15px 0; font-size: 32px; font-weight: bold; line-height: 42px;}
.con_text{ padding:12px 0; font-size: 15px; line-height: 33px; overflow:hidden;}
.con_text img{max-width: 100%;}

.settingList{width:100%;overflow: hidden;margin-top:5px;}
.settingList ul{margin-right:-2%}
.settingList ul li{width:23%;float:left;margin-right:2%;margin-bottom:10px;text-align:center;}
.settingList ul li img{display:block;width:97%; padding:2px;border:1px solid #ccc;background:#fff;}
.settingList ul li img:hover{border:1px solid #0b9ced;}
.settingList ul li span{line-height:26px;padding-top: 8px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;}

/* 产品筛选 */
.list_lan{width:100%; margin:5px auto; overflow:hidden;}
.list_lan dl { padding:12px 0; _padding:0; height:auto; border-bottom:1px dashed #d1d0d0; overflow:hidden;}
.list_lan dl dt { float:left; width:95px; background:#0b9ced; color:#fff; text-align: center; font:15px/32px "微软雅黑"; font-weight: bold; _margin:12px 0; overflow:hidden;}
.list_lan dl dd { float:right; width:calc(100% - 110px); overflow:hidden; }
.list_lan dl dd a { color:#383838; margin:0 15px 0 0; display:inline-block; font:13px/32px "微软雅黑";}
.list_lan dl dd a:hover{color: #0b9ced}


/*products*/
.prod_list { padding:25px 0 12px 0; overflow: hidden}
.prod_list ul{ margin-right: -2%;}
.prod_list ul li{float: left; width: 23%; text-align: center;margin-right: 2%; margin-bottom: 10px;}  
.prod_list ul li img{width:97%; border: 1px solid #e2e2e2; padding: 2px;} 
.prod_list ul li span{ display: block; line-height: 22px; padding: 6px 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.prod_list ul li img:hover{border: 1px solid #0b9ced;}


/* product left */
.proctow{margin-top:15px; overflow: hidden;} 
.productShowPic{width:522px;}
.productShowPic .box{width:522px;height:523px;}
.tb-pic a{display:table-cell;text-align:center;vertical-align:middle;}
.tb-pic a img{vertical-align:middle;}
.tb-pic a{*display:block;*font-family:Arial;*line-height:1;}
.tb-s310, .tb-s310 a{background:#fff}
.tb-s310, .tb-s310 img{height:418px;width:510px;}
.tb-s310 a{*font-size:271px;}
.tb-booth{border:1px solid #dadada;position:relative;z-index:1;height:426px;width:518px; padding: 3px;} 
div.zoomDiv{z-index:999;position:absolute;top:0px;left:0px;width:200px;height:200px;background:#fff;border:1px solid #ccc;display:none;text-align:center;overflow:hidden;}
div.zoomMask{position:absolute;background:url(../images/mask.png);cursor:move;z-index:1;}

.tb-picList{width:502px;height:66px;overflow: hidden;margin-top:20px;position:relative;}
.tb-picList a.prev,.tb-picList a.next{display:block;width:12px;height:21px;position:absolute;top:14px;left:0;background:url(../images/anu.png) no-repeat;overflow:hidden;cursor:pointer;transition:all 0s linear;}
.tb-picList a.prev:hover{background-position:0 -21px;}
.tb-picList a.next{left:auto;right:0;background-position:0 -42px;}
.tb-picList a.next:hover{background-position:0 -63px;}

.tb-picList .tb-thumb{position:relative;width:450px;height:66px;margin:0 auto;overflow:hidden;}
.tb-picList .tb-thumb ul{position:absolute;width:999999px;height:66px;}
.tb-picList .tb-thumb ul li{background:none;float:left;width:76px;height:67px;overflow:hidden;}
.tb-picList .tb-thumb ul li a{display:block;width:60px;height:53px;border:1px solid #ccc;text-align:center;background:#fff}
.tb-picList .tb-thumb ul li img{max-width:100%;height:53px;cursor:pointer;}
.tb-picList .tb-thumb ul li a.tb-selected{border:1px solid #0b9ced;}

/* product right */
.productShowTitle{width:640px; overflow:hidden;padding-left:30px; }
.productShowTitle h2{line-height:24px;border-bottom:1px dashed #e1e1e1;font-size:16px;padding:10px 0; font-weight:bold;}
.descriptionBox{margin:10px 0;height:330px;line-height:30px;overflow:hidden; font-size:14px;}
.productOrder a{display:block;width:120px;height:40px;line-height:40px;text-align:center;font-size:18px;color:#fff;border-radius:4px;background:#070707;margin-top:15px;}
.productOrder a:hover{color:#fff;background:#fe9900}
.productTel{ text-indent:15px;font-size:16px; height:40px; overflow:hidden;line-height:40px; background:#0b9ced;border:1px solid #0b9ced;color:#fff; width:40%; border-radius:6px;}
.productTel span{font-family:arial;font-size:20px;color:#fff; }
.productFenx{height:40px;}

/* shuo */
.tabListBox{overflow:hidden;margin-top:20px;}
.tabList{height:35px;background:#eee;}
.tabList li{display:block;width:100px;height:35px;line-height:35px;float:left;text-align:center;font-size:15px;background:#d8d8d8;color:#333;}
.tabList li.on{color:#fff;background:#fe9900;}
.tabBox{overflow:hidden;padding-top:15px;}

.con{ width:100%; padding-top:10px; padding-bottom: 1px; }
.tab {width: 100%; height:45px; background:#ddd; }
  .tab ul li
  {
	  float: left;width: 145px;height: 45px;line-height: 45px;background: #ddd;text-align: center;color:#000;font-size:15px;}
  .tab ul li:hover
  {
	  background: #0b9ced;
	  color: #fff;
	  cursor: pointer;
  }
  .tab ul li.hover
  {
	  background: #0b9ced;
	  color: #fff;
	  cursor: pointer;
  }
  .content_pro{ width: 100%;line-height:30px;padding:10px 0;font-size:14px;overflow:hidden; text-align:left;}
  .content_pro img{ text-align:left; display:block; margin:0;}
  .content_pro p{ padding:0; margin:0; line-height:35px;}
  .content_pro td, .content_pro th{ padding:0 10px;}
  .content_pro table{margin-top: 22px; border-left:1px solid #333; border-top:1px solid #333; width: 100%; font-size:15px; line-height:35px; text-align: center; }
  .content_pro td,.content_pro th{border-right:1px solid #333; border-bottom:1px solid #333;padding: 5px;} 

.recTitle{padding-left:20px; height:45px;line-height:45px;background:url(../images/page_line.jpg) no-repeat 10px 12px #e2e2e2;font-size:16px;font-weight:bold;color:#000;}

/* related product */
.relatedProduct{overflow:hidden;margin-top:20px;}
.relatedProduct ul{padding-top:15px;margin-right:-2%;}
.relatedProduct li{width:23%;float:left;margin-right:2%;margin-bottom:5px;}
.relatedProduct li img{border:1px solid #d9d9d9;padding:2px;width:97%;}
.relatedProduct li img:hover{border-color:#0b9ced}
.relatedProduct li span{width:100%; line-height: 28px; padding: 6px 0; font-size:14px; text-align:center; display:block;}


/*news*/
.news_list{width: 100%; margin-top:5px; overflow: hidden;}
.news_list ul{overflow:hidden;}
.news_list ul li{width:100%; height:95px; padding-bottom: 15px; margin-bottom: 15px;  border-bottom:1px solid #D8D8D8;  }
.news_list ul li h3{font-size:15px;  color:#333; font-weight: bold;  line-height:35px; padding-bottom: 5px; }
.news_list ul li h3 span{float: right; font-size: 13px; font-weight: normal;}
.news_list ul li p{font-size:13px;color:#666;line-height:28px;display: -webkit-box; -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis; }


.newShow{ padding:10px 0 20px; overflow: hidden;}
.newShow .name{ text-align:center; font-size:20px; color:#222; font-weight:bold; padding-bottom:5px;}
.newShow .time{ text-align:center; font-size:14px; color:#666; border-bottom:1px dashed #ccc; padding-bottom:12px;}
.newShow .time em{ padding:0 15px;}
.newShow .contss{ padding:15px 0 20px 0; font-size:14px; line-height:28px;border-bottom:1px #ccc solid; color: #555;}
.newShow .contss img {max-width:100%;margin:10px auto;text-align:center;display:table-cell;clear:both;overflow:hidden;}


.fanhui{float:right;width:126px;margin:0 auto;position:relative;height:1px;}
.fanhui a{ position:absolute;z-index:2;width:125px;height:42px;line-height:42px;top:25px;right:0; text-align:center;background:#ac1e23;font-size:16px;color:#fff;display:inline-block;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
.fanhui a:hover{color:#fff;font-size:16px;font-weight:100;text-decoration:underline;}


.PreveNext {margin:0px auto;width:100%;height:auto;padding-top:10px;padding-bottom:10px;clear:both;overflow:hidden;}
.PreveNext ul{float:left;}
.PreveNext li{width:100%;float:left;line-height:32px;text-align:left;}


/*feedback*/
.content_box{margin-top:0px;}
.content_box .messages_box{width:auto;padding:0 1% 10px 0;}
.content_box .messages_box ul{width:100%;}
.content_box .messages_box ul li{padding:5px 28px 5px 5px;}
.content_box .messages_box .text-input,.content_box .messages_box .summary-input,.content_box .messages_box .qq-input{width:100%;height:33px;padding:0px 10px;line-height:normal;background:none repeat scroll 0% 0% rgb(253, 253, 253);border-width:1px;border-style:solid;border-color:rgb(133, 133, 133) rgb(175, 175, 175) rgb(201, 201, 201);box-shadow:1px 2px 3px rgb(183, 183, 183) inset !important;font-size:14px;}
.content_box .messages_box .cont-input{width:100%;height:130px;padding:10px;line-height:20px;background:none repeat scroll 0% 0% rgb(253, 253, 253);border-width:1px;border-style:solid;border-color:rgb(133, 133, 133) rgb(175, 175, 175) rgb(201, 201, 201);box-shadow:1px 2px 3px rgb(183, 183, 183) inset !important;font-size:14px;}
.content_box .messages_box .code-input{width:125px;vertical-align:middle;height:33px;padding:0px 10px;line-height:normal;background:none repeat scroll 0% 0% rgb(253, 253, 253);border-width:1px;border-style:solid;border-color:rgb(133, 133, 133) rgb(175, 175, 175) rgb(201, 201, 201);box-shadow:1px 2px 3px rgb(183, 183, 183) inset !important;}
.content_box .messages_box .verify-pic{height:35px;vertical-align:middle;}
.content_box .messages_box .submitBtn{text-align:center;padding-top:10px;}
.content_box .messages_box .messages-button{width:125px;height:34px;line-height:34px;font-size:16px;color:#fff;text-align:center;background:none repeat scroll 0% 0% #dd2025;border:none;}