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


/*banner下方搜索*/
.ss{ overflow:hidden; line-height:37px; background-color:#f4f4f4; padding:16px 0;}

.dqdhMain{color:#888;font-size:14px; padding-left:28px; background:url(../images/main/dqdz.png) left center no-repeat;}
.dqdhMain .span1{ color:#888; font-size:14px; padding-right:10px;}
.dqdhMain .spanN{ color:#b7b7b7;  font-size:13px; padding:0 8px; }

.dqdhMain a{color:#888; font-size:14px;}
.dqdhMain a:hover{color:#000; text-decoration:underline;}

/**/
.breadcrumbs{margin-bottom:15px; border-bottom: 2px solid #0967cc;font-size: 14px; padding-bottom: 8px; line-height: 30px;}
.breadcrumbs a{color:#666; font-size: 14px;}
.breadcrumbs a:hover{ text-decoration:underline;}
.breadcrumbs .sortName{ color:#fff; font-size:20px;}
.breadcrumbs .indexa{ padding-left:30px; background:url(../images/icon-home_61y0.png) left center no-repeat;}
/*·ÖÒ³*/
.page_nav{ padding:15px 15px; color:#999; font-size:14px; text-align:center; background-color:#fff;}
.page_nav .nolink{display:inline-block; margin:0 5px; padding:0 5px; height:25px; line-height:25px; border:1px solid #fff;}
.page_nav font,.page_nav a{ display:inline-block; margin:0 5px; padding:0 10px; border:1px solid #e5e5e5; height:25px; line-height:25px; border-radius:5px;}
.page_nav font{ border:1px solid #fff;}
.page_nav a:hover{ color:#fff; border:1px solid #54a530; background-color:#54a530}

.viewpage{ margin:0; padding:20px 0 50px 0; border-top:1px solid #eee;}
.viewpage .main_r_nav{ color:#999; font-size:14px; line-height:30px;}
.viewpage .main_r_nav a{ font-size:14px; color:#444}
.viewpage .main_r_nav a:hover{ text-decoration:underline;}

/*分页*/
.fenye{ text-align:center; color:#666; font-size:14px; line-height:30px; padding:20px 0;}
.fenye .rows{ color:#666; font-size:13px; padding:0 10px;}
.fenye .current{ display: inline-block; color:#cc0000; font-size:14px; padding:0 5px;}
.fenye .num,.fenye .next{display:inline-block; margin:0 3px; padding:0 10px;  border:1px solid #ddd; color:#666; font-size:14px; height:28px; line-height:27px; border-radius:5px;}
.fenye .num:hover,.fenye .next:hover{ background-color:#3671cf ; color:#fff; border:1px solid #3671cf;}



.main{ background-color:#fff; padding:40px 0;}
.main .sortName{ line-height:40px; position: relative; padding-bottom:10px;}
.main .sortName .span1{ display:block; color:#000; font-size:30px;padding-bottom: 5px; font-weight: 700;}
.main .sortName .span2{ position:absolute; left:0; bottom:0; border-bottom:5px solid #1c5bbe; height:0; width:119px;}

.main .main_right{ width:960px; overflow: hidden;}
.text{ line-height:40px; font-size:15px; color:#444;padding:30px 0;}

.text img{ max-width:100%;}
.main .tT01{line-height:40px;  width:730px;}
.main .tT01 .span1{ font-size:28px; color:#333; font-weight:700;}
.main .tb{ border-top:1px solid #ddd; margin:15px 0 10px 0;}
.main .subtitle{font-size: 13px; line-height: 24px; height: 24px; color: #8F8F8F;}
.main .subtitle span{ display:inline-block; line-height:30px; font-size:13px; color:#999; padding-right:30px; padding-left:28px;}
.main .subtitle span.span1{ background:url(../images/main/time.png) left center no-repeat;}
.main .subtitle span.span2{ background:url(../images/main/view.png) left center no-repeat;}



#faqbox{padding:90px 0 50px 0; background-color:#fff;}
#faqbox form{}
#faqbox .faqline{line-height:2em;text-align:left; padding-bottom:10px; color:#999; font-size:13px;}
#faqbox .faqtit{width:150px;display:block;float:left;clear:both;text-align:right; color:#555;}
#faqbox .Content{line-height:2em;text-align:left; padding-bottom:10px;}
#faqbox font{margin:0 5px;}
#faqbox .FaqTitle{ height:50px; line-height:50px; padding:0 10px; border:1px solid #ddd; width:635px; vertical-align:top;}
#faqbox .Content textarea{height:100px;}
.wizfrm{ border:none;width:655px;height:50px;line-height:50px;font-size:16px;color:#fff;text-align:center;cursor:pointer;background:#3671cf; margin-top:20px;  font-family:'Microsoft YaHei';-moz-transition: all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s; border-radius:5px;}
.wizfrm:hover{ background-color:#faaa18; }

/*产品列表*/

.main .proList{ overflow:hidden;width:975px;padding-top:35px; }
.main .proList li{ width:310px; overflow:hidden; float:left; margin:0 15px 15px 0; background-color:#fff; box-shadow:0 2px 5px rgba(0,0,0,0.1) } 
.main .proList li .boxa{ border:1px solid #ebebeb;  display:block; cursor:pointer; position:relative;}
.main .proList li .boxa .spanImg{ display:block; overflow:hidden;width:288px;height:220px; margin:10px;  position:relative;background-position:center center; -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover; background-size:cover;}
.main .proList li .boxa .spanImg .aB{width:100%;height:178px; background:rgba(28,91,190,0.8); position:absolute; overflow: hidden; left: 0; top: 0; z-index: 5;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";-moz-opacity:0;-khtml-opacity:0;opacity:0;  -moz-transition: all 0.6s;-webkit-transition:all 0.6s;-o-transition:all 0.6s;transition:all 0.6s;}
.main .proList li .boxa .spanImg .aB .em1{ display:block; width:100%; text-align:center; height:100%; background:url(../images/base/chakan.png) center center no-repeat; }
.main .proList li .boxa .spanImg .aB .em2{ display:block; width:100%; text-align:center; height:40px; line-height:40px; color:#fff; font-size:18px;}
.main .proList li .boxa .btm{  padding:0px 10px 8px 10px; }
.main .proList li .boxa .spanT{ display:block; height:40px; line-height:40px; text-align:center; background-color:#f4f4f4 ; color:#333; font-size:14px;overflow:hidden;white-space: nowrap;text-overflow: ellipsis; position:relative; margin-bottom:5px;}
.main .proList li .boxa .spanT em{ display:block; position:absolute; border-bottom:3px solid #ccc;bottom:0px; left:0; width:0%;-moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.main .proList li .boxa:hover .spanT em{ }
.main .proList li .boxa .shuju { position: absolute; bottom:0; width:100%;left:0; background: rgba(0,0,0,0.5);padding:5px 0; }
.main .proList li .boxa .shuju .span1{ display:block; color:#e6e6e6; font-size:13px; height:30px; line-height:30px; padding-left:25px;margin-left:10px; background:url(../images/base/time.png) left center no-repeat;}
.main .proList li .boxa .shuju .span2{ display:block; color:#e6e6e6; font-size:13px; height:30px; line-height:30px; padding-left:25px;margin-right:10px; background:url(../images/base/view.png) left center no-repeat;}
.main .proList li .boxa:hover .shuju{background:rgba(28,91,190,0.8); }
.main .proList li .boxa:hover .spanT{ color:#fff; background-color:#2c78cc;}
.main .proList li .boxa:hover .spanImg .aB{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";-moz-opacity:1;-khtml-opacity:1;opacity:1; }


/*产品详情*/
.product_top{ padding-top:20px; }
.product_top .left_Img{ background: #f4f4f4; }
.jqzoom{ position:relative;cursor: pointer; }
.zoomdiv{z-index:100;position:absolute;top:0px;left:350px;width:350px;height:350px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0;width:20px;height:20px;border:1px solid #aaa;background:#ffffff /*url(zoom.png) 50% center no-repeat*/;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}
.spec-preview{width:350px;height:350px; border:1px solid #DFDFDF; display:table;line-height: 350px;text-align: center;  }
.spec-preview span{display: table-cell; vertical-align:middle; width:350px;height:350px; }
.spec-preview span img{ display: inline-block ;max-width:100%; max-height:100%;  }

.product_top .right_nr{ width:570px; }
.product_top .right_nr .bg{ background: #3671cf; }
.product_top .right_nr .pro_title{ padding:15px 20px 20px 20px; border-bottom: 1px solid #2359af; }
.product_top .right_nr .pro_title .span1{ display:block; color:#666; font-size: 14px; }
.product_top .right_nr .pro_title .span2{ color:#fff; font-size:33px; font-weight:700; display:block; line-height:47px;  }
.product_top .right_nr .t_v{ display: block; color: #999; font-size: 14px; line-height: 35px;  }
.product_top .right_nr .pro_center{ background:; padding: 10px 20px 20px 20px; }
.product_top .right_nr .pro_center span{ display: inline-block; line-height:30px ; color: #91b8f5; font-size:14px;padding-left:30px; }
.product_top .right_nr .pro_center span.span1{ background: url(../images/main/productIcon01.png) left center no-repeat; }
.product_top .right_nr .pro_center span.span2{ background: url(../images/main/productIcon02.png) left center no-repeat; }
.product_top .right_nr .pro_center span.span3{ background: url(../images/main/productIcon03.png) left center no-repeat; }

.product_top .right_nr .pro_tel{line-height:60px; background:#fda102; width: 380px;margin-top:27px; }
.product_top .right_nr .pro_tel .div1{ color: #fff; font-size:26px; font-weight: 700; background: url(../images/main/protel.png) left center no-repeat;padding-left:30px; }
.product_top .right_nr .pro_tel .div2{ color: #fff; font-size:30px; font-family:Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif; }
.product_top .right_nr .pro_btn{padding-top:20px;}
.product_top .right_nr .pro_btn .btn{display: block; float: left; width:150px; height: 45px;line-height: 45px; border-radius: 5px; background: rgb(242, 248, 255);margin-right:20px;text-align: center; color: #333; font-size: 15px;}
.product_top .right_nr .pro_btn .btn span{padding-left:25px;}
.product_top .right_nr .pro_btn .btn.btn01 span{ background: url(../images/main/lx.png) left center no-repeat; }
.product_top .right_nr .pro_btn .btn.btn02 span{ background: url(../images/main/qq.png) left center no-repeat; }
.product_top .right_nr .pro_btn .btn:hover{ text-decoration: underline; }

.product_top .right_nr .ewm_img{ border:1px solid #ddd; margin-top:27px; }
.product_top .right_nr .ewm_img img{display: block; width:150px;}

.xiangqing_top{margin-top:30px;}
.xiangqing_top a{ display:block; float:left; width:352px; background-color:#fff;color:#eea200; text-align:center; height:50px; line-height:50px; font-size:22px; font-weight:700;}
.xiangqing_top a.active{ background-color:#3671cf ; color:#fff;}
.xiangqing .content{ border:1px solid #ddd; border-top:2px solid #bbb; padding:20px 50px;}



/**/
.news_list{ padding:30px 0;}
.news_list li{  border-bottom:1px dashed #ddd; height:116px; padding:10px 0;}
.news_list li .img{ display:block; width:200px; height:116px; position:relative;
background-position:center center; 
-webkit-background-size: cover;  
-moz-background-size: cover;  
-o-background-size: cover; 
background-size:cover;}
.news_list li .titleBox{ display:block; width:720px; height:116px;}
.news_list li .titleBox .left{ width:660px; position: relative; left:0; padding-left:20px;-moz-transition: all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
.news_list li .titleBox .t1{ padding-top:12px;}
.news_list li .titleBox .title{ overflow:hidden;white-space: nowrap;text-overflow: ellipsis; width:400px;   font-size: 16px; color: #333; line-height:25px;}
.news_list li .titleBox .desc{ color:#999; font-size:13px; line-height:22px; height:22px; overflow:hidden; margin-top:5px;}
.news_list li .titleBox .t2{ line-height:25px; padding-top:15px;}
.news_list li .time{ font-size:13px;color:#999; padding-left:25px; background:url(../images/main/time.png) left center no-repeat;}
.news_list li .view{ font-size:13px;color:#999; padding-left:25px; background:url(../images/main/view.png) left center no-repeat;}
.news_list li .titleBox:hover{ background-color:#f4f4f4;}
.news_list li .titleBox:hover .left{}

/*搜索结果*/
.search_list{ width:1020px;}
.search_list li{ float:left; width:450px; margin-right:60px;}
.search_list li .img{ width:150px;}
.search_list li .titleBox{ width:300px;}
.search_list li  .titleBox .left{ width:250px;}
.search_list li  .titleBox .title{ width:260px;}