﻿

/*公共头部*/
.top{height: 34px; background: url(../images/top.gif) no-repeat center top;}
.top .top-l{display: block;color: #808080;line-height:34px;height: 34px;text-indent: 50px;}
.top .top-r{height: 34px;line-height:34px;line-height:34px;color:#fff}
.top .top-r ul li{float: left;padding:11px 0;color:#fff}
.top .top-r ul li a{display: block;padding: 0 15px;border-right: 1px solid #fff;line-height: 12px;transition: all 0.3s;color:#fff}
.top .top-r ul li:last-child a{padding-right: 0;border: none;}
.top .top-r ul li a:hover{text-decoration: underline;}

.sb-right{width:535px;    margin-top: 7px;}
.sb-r-l .sb-r-top a{color:#333;font-size:16px;margin-right:40px;height:30px;line-height:30px;display: inline-block;}
.sb-r-l .sb-r-top a img{ vertical-align: middle;margin-right:6px;margin-top:-2px;}
.sb-r-bottom{margin-top:10px;}
.sb-r-bottom em{font-size:16px;}
.sb-r-bottom b{font-size:24px;color:#DA231A;font-weight:bold;line-height:24px;}
.sb-r-r span,.sb-r-r b{display: block;}
.sb-r-r{ background: url(../images/t-tel.png) no-repeat center left;padding-left:58px;margin-top:8px;}
.sb-r-r span{color:#777}
.sb-r-r b{font-size:24px;color:#DA231A;font-weight:bold;line-height:24px;margin-top:8px;}


/*产品*/
.ny-left{width:260px;}
.column-title{width:260px; background: #0171C8;height:90px;padding-top:20px;}
.column-title{color:#fff;font-size:30px;}
.column-title:after{content: '';display: block; background: #fff;width:70px;height:3px;margin-left:20px;margin-top:10px;}
.column-title span{padding-left:20px}
.column-title em{font-size:12px;color:#fff;padding-left: 10px;}

.ny-left .ctitle1{ background: #fff;width:238px;padding:10px 10px 10px;border: 1px solid #ccc;border-top: none;}
.ny-left .ctitle1 li{width: 238px;height: 40px;margin-bottom: 5px;}
.ny-left .ctitle1 li a{ display: block;width:218px;padding-left: 20px;color:#4c4c4c; background: url(../images/ny-switch1.png) no-repeat center right 20px,#eee;);height:40px;line-height: 40px;font-size:14px}
.ny-left .ctitle1 li.on a,.ny-left .ctitle1 li:hover a{ background: #0171C8;color:#fff;font-weight: bold;background: url(../images/ny-switch2.png) no-repeat center right 20px,#0171C8;}

.ny-left .ny-l-news{margin-top: 20px;}
.ny-left .ny-l-news h3{width: 240px;height: 50px;padding-left: 20px;background-color: #0171C8;color: #fff;font-size: 20px;line-height: 50px;}
.ny-left .ny-l-news ul{width:238px;padding:10px;border: 1px solid #ccc;border-top: none;}
.ny-left .ny-l-news ul li{width: 100%;line-height: 34px;}
.ny-left .ny-l-news ul li a{padding-left: 15px;background: url(../images/y-circle.png) no-repeat center left;transition: all 0.2s;}
.ny-left .ny-l-news ul li:hover a{color: #FFB615;}

.ny-left .ny-l-con{margin-top: 20px;}
.ny-left .ny-l-con h3{width: 240px;height: 50px;padding-left: 20px;background-color: #0171C8;color: #fff;font-size: 20px;line-height: 50px;}
.ny-left .ny-l-con ul{width:238px;padding:10px;border: 1px solid #ccc;border-top: none;}
.ny-left .ny-l-con ul li{width: 100%;line-height: 30px;}
.ny-left .ny-l-con ul li{padding-left: 10px;}
.ny-left .ny-l-con ul li span{padding-left:14px;}


.ny-right{width:900px;}
.ny-right h2{height:50px;line-height: 50px;font-size:20px; background:url(../images/bgb.jpg) no-repeat center center;}
.ny-right h2 span{padding-left:20px;margin-left:20px;border-left:3px solid #0171C8}
.ny-right h2 a{float:right;font-size:14px;margin-right:20px}
.ny-right h2 a:hover{color:#0171C8}
.ctitle2{ display: none;}

.ny-product-list ul li{width:280px;float:left;margin:7px; overflow: hidden;}
.ny-product-list span{display: block;}
.ny-product-list .pro-img{width:280px;height:200px;text-align: center;line-height:200px;position: relative;display: block;}
.ny-product-list .pro-img:after{content: '+';width:280px;height:200px;display: block;position: absolute;top:-300px;left:0; background: rgba(1,113,200,0.5);font-size:65px;color:#fff;text-align: center;line-height:200px;transition: all .6s;}
.ny-product-list .pro-int{font-size:14px;text-align: center;display: block;width: 280px;height: 40px;background-color: #eee;line-height: 40px;}
.ny-product-list ul li:hover .pro-img:after{top:0}
.ny-product-list ul li:hover .pro-int{color:#fff;background-color: #0171C8;}

/*内页产品详情*/
.pro1{margin-top: 20px;}
.pro1 .spec-preview img{display: block;}
.pro1 .descript1 strong.title1{line-height: 38px;font-size: 20px; color: #333;display: block;}
.pro1 .descript1 p{width: 525px;font-size: 13px;color: #8e8e8e;line-height: 25px;margin-bottom: 10px;}
.pro1 .descript1 a.consult{display: block; width: 120px; height: 40px; font-size: 15px; color: #fff; line-height: 40px; text-align: center; background: #000; }
.pro1 .descript1 a.consult:hover{background-color: #0171C8;}
.pro1 .descript1 p.haoma{color: #333;font-size: 15px; font-weight: bold; }
.pro1 .descript1 p.haoma em{display: block;color: #0171C8;font-size: 20px; font-weight: bold; }
.pro1 .share{overflow: hidden;margin-top: 15px;}
.pro1 .share ul li{float: left;margin: 0 5px;}
.detail .de-title{border-bottom: solid 3px #0171C8; margin-bottom: 15px;}
.detail .de-title a{display: block;width: 130px; font-size: 16px;line-height: 45px;color: #fff; text-align: center; margin-top: 35px;background:#0171C8; border-top-left-radius: 6px; border-top-right-radius: 6px; }



@media (min-width: 768px) and (max-width: 979px) {
  #nr-container img {
    height: 140px;
    *height: 140px;
  }
}
@media (min-width: 415px) and (max-width: 767px) {
  #nr-container img {
    height: 120px;
    *height: 120px;
  }
}
@media (max-width: 414px) {
  #nr-container img {
    height: 100px;
    *height: 100px;
  }
}

/*vaildate*/
#yzform label.error{position:absolute;padding:3px 15px;background: #f8f8f8;border:1px solid #ddd;margin-left:25px;font-weight: normal;color:#f30;border-radius: 3px;}

ol, ul{ list-style: none outside none;}
/* Clear Fix */ 
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;} 
.clearfix{display:inline-block;} 
/* Hide from IE Mac */ 
.clearfix{display:block;} 
/*图片放大镜样式*/
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.jqzoom img{max-height: 290px}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:330px;height:335px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#ffffff /*url(../images/zoom.png) 50% center no-repeat*/;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}
/*图片小图预览列表*/
.spec-preview{width:330px;height:236px;border:1px solid #DFDFDF;}
.spec-scroll{clear:both;width:332px;margin-top:10px;}
.spec-scroll .picprev{float:left;margin-right:8px;}
.spec-scroll .picnext{float:right;}
.spec-scroll .picprev,.spec-scroll .picnext{display:block;font-family:"宋体";text-align:center;width:10px;height:44px; line-height:44px;border:1px solid #CCC;background:#EBEBEB;cursor:pointer;text-decoration:none;}

.spec-scroll .items{float:left;position:relative;width:290px;height:56px;overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px;height:52px;}
.spec-scroll .items ul li{float:left;width:52px;text-align:center;border: none;margin-right: 7px;}
.spec-scroll .items ul li img{border:1px solid #CCC;width:50px;}

