﻿@charset "utf-8";/* CSS Document */

body{margin:0 auto;font-size:12px;color:#333;font-family:"微软雅黑","黑体";}

ul,dl,dd,h1,h2,h3,h4,h5,h6,form,p,input{padding:0;margin:0;font-weight:normal;}

ul,li{list-style:none;}

input:focus , textarea:focus, select:focus , label:focus , option:focus{outline:none;}

img{border:0 ;vertical-align: middle;}

p{color:#333;line-height:1.6em;}

a{color:#333;text-decoration:none;}

a:hover{color:#d3442b;}

i , em{font-style:normal;}



.clear{clear:both;height:0;font-size:0;line-height:0px;}

.clearfix{zoom: 1;}

.clearfix:after {visibility: hidden;content: " ";display: block;clear: both;height: 0;}

*html .clearfix{zoom: 1;} /* IE6 */

*:first-child+html .clearfix {zoom: 1;} /* IE7 */

/*clearfix主要是用在浮动层的父层，而clear 主要是用在浮动层与浮动层之间，和浮动层同一级*/

.fl{float:left;}

.fr{float:right;}

.forced{display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}



/*间距*/

.blank05{clear:both;height:5px;overflow:hidden;display:block;}

.blank10{clear:both;height:10px;overflow:hidden;display:block;}

.blank15{clear:both;height:15px;overflow:hidden;display:block;}

.blank20{clear:both;height:20px;overflow:hidden;display:block;}

.blank30{clear:both;height:30px;overflow:hidden;display:block;}



.col_blue{color:#1d5aa6;}

.col_reb{color:#d3442b;}

/*------------------------------------------------------------------------------------------------------------------------------------------------*/

.header{width:100%;}

.main{width:100%;}

.footer{width:100%;background:#0d68ac;color:#fff;font-size:14px;}

.wrap{width:100%;max-width:1000px;_width:1000px;margin:0 auto;}

/*------------------------------------------------------------------------------------------------------------------------------------------------*/

.top{background:#f4f4f4;height:30px;line-height:30px;font-family:"宋体";}

.top span{float:right;}

.headline{height:150px;background:url(../images/headline.jpg) center top no-repeat;}

.headline .logo{margin-top:25px;}

.headline .slogan{margin-top:50px;padding:0 20px;}

.headline .qr{margin-top:30px;background:url(../images/qr_bg.png) center bottom no-repeat;padding-bottom:5px;}

.headline .qr img{width:90px;}

.headline .tel{ margin-top:30px;font-size:18px;text-align:right;padding-right:10px;}

.headline .tel span{font-size:30px;color:#db251c;font-family:Arial;display:block;}

/*------------------------------------------------------------------------------------------------------------------------------------------------*/

.menu{background:url(../images/menu_bg.png) repeat-x;height:50px;position:relative;z-index:999;}

.nav {font-size:14px;}

.nav li.list{position:relative;float:left;display:inline;text-align:center;width:122px;position:relative;z-index:999;line-height:50px;background:url(../images/menu_line.png) left repeat-y;}

.nav li a{zoom:1;height:50px;display:block;color:#fff;font-family:"微软雅黑","黑体";}

.nav li a:hover{color:#fff;}

.nav li.on a , .nav li.on li a{color:#fff;background: url(../images/menu_on.png) bottom repeat-x;}

.nav li .sub {display:none;width:100%;position:absolute;left:0;top:50px;height:auto;background:#0073de;}

.nav li .sub li {text-align:center;height:40px;line-height:40px; position:relative;}

.nav li .sub li a{height:40px;line-height:40px;color:#fff;display:block;zoom:1;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}

.nav li .sub li a:hover {background: url(../images/menu_bg.png) center repeat-x;color:#fff;}

.nav li .subs { position:absolute;left:100%; top:0; display:none;}

.nav li .subs li{height:40px;line-height:40px;}

.nav li .subs li a{ background:#fe9f1e;display:block;border-top:1px solid #ffdba9; padding:0 10px;}

/*------------------------------------------------------------------------------------------------------------------------------------------------*/

.banner{width:100%;position:relative;}

.banner .banner_slides{width:100%;position:relative;overflow:hidden;}

.banner .banner_slides , 

.banner .slides_container , 

.banner .slides_control , 

.banner .banner_pic{height:550px;}

.banner .banner_pic{display:block;width:100%;}

/*翻页*/

.banner .slides_btn{background:url(../images/banner_btn.png) no-repeat;position:absolute;z-index:999;display:none;width:35px;height:60px;margin-top:-30px;top:50%;overflow: hidden;text-indent:-9999px;}

.banner .banner_box:hover .slides_btn{display:block;}

.banner .btn_previous{left:5px;background-position:left top;}

.banner .btn_next{right:5px;background-position:right top;}

.banner .btn_previous:hover{background-position:left bottom;}

.banner .btn_next:hover{background-position:right bottom;}

/*页码*/

.banner .slides_pagination{width:100%;height:14px;bottom:10px;right:10px;position:absolute;z-index:100;text-align:center;}

.banner .slides_pagination li{margin: 0 3px;display:inline-block;}

.banner .slides_pagination li a{display:inline-block;overflow:hidden;width:16px;height:16px;background:#fff;color:#666;text-indent:-999em;filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity: 0.6;opacity: 0.6;}

.banner .slides_pagination li a.active , 

.banner .slides_pagination li a:hover.active , 

.banner .slides_pagination li a:hover{background:#fe9f1e;color:#fff;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}

/*------------------------------------------------------------------------------------------------------------------------------------------------*/

.searchbar{overflow:hidden;height:25px;padding:15px 0;}

.keyword{line-height:23px;font-size:12px;width:750px;overflow:hidden;font-size:14px;}

.keyword a{margin:0 10px;line-height:23px;color:#666;}

.keyword a:hover{text-decoration:underline;}

.keyword b{color:#333;font-weight:normal;}

.search{height:28px;background:#fff;padding:0;margin:0;overflow:hidden;}

.search_keyword{width:170px;height:23px;border:1px solid #ddd;border-right:none;padding:0 5px 0 5px;float:left;margin:0;font-size:12px;color:#666;overflow:hidden;background:url(../images/zoom.png) 5px center no-repeat;}

.search_button{width:45px;height:25px;float:right;border:none;text-indent:0;color:#fff;background:#0d68ac;cursor:pointer;font-family:"微软雅黑","黑体";}

/*------------------------------------------------------------------------------------------------------------------------------------------------*/

.list_box{width:203px;float:left;overflow:hidden;font-size:14px;color:#fff;background:url(../images/list_bg.png) repeat-y;}

.list_box a{color:#fff;display:block;}

.list_top{background:url(../images/list_top.png);height:57px;line-height:57px;padding-left:20px;font-size:16px;}

.list_nav ul{padding:10px 10px;}

.list_nav li a{height:40px;line-height:40px;background:url(../images/list_ico.png) left center no-repeat;padding-left:15px;}

.list_nav li a:hover{text-decoration:underline;}

.list_nav li ul{padding:0 10px;display:none;}

.list_nav li li a{background:none;padding-left:5px;}

.list_ct{background:#fff;padding:20px;border:1px solid #ddd;border-top:none;}



.content_box{width:740px;padding:20px;border:1px solid #ddd;float:right;display:block;overflow:hidden;}

.content_top{font-size:12px;display:block;overflow:hidden;margin-bottom:20px;}

.content_top span{float:right;}

.content_top em{color:#f92119;}

.content_top b{font-size:14px;font-weight:normal;}

/*------------------------------------------------------------------------------------------------------------------------------------------------*/



.more{float:right;font-size:14px;}

.more a{font-family:Arial;font-weight:bold;color:#ccc;text-transform:uppercase;}

.more a:hover{color:#d3442b;}



.pro_box{width:770px;float:right;overflow:hidden;}



.tab-hd {overflow:hidden;zoom:1;height:34px;margin-bottom:25px;}

.tab-hd li{width:120px;color:#fff;text-align:center;float:left;cursor:pointer;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:0 5px 0 0;display:block;border-radius:5px;}

.tab-hd li a{background:url(../images/arrow_d.png) center bottom no-repeat;padding-left:5px;line-height:34px;display:block;font-size:14px;}

.tab-hd li.active a{background:#fe9f1e; color:#fff;}

.tab-bd li{display:none;padding:0;height:440px;}

.tab-bd li li{display:block;height:auto;}

/*------------------------------------------------------------------------------------------------------------------------------------------------*/

.product{margin-left:-25px;}

.product li{width:239px;float:left;text-align:center;margin-left:25px;}

.product li em{height:40px;line-height:40px;display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}



.pro_img{padding:1px ;border:1px solid #999;}

.pro_img , .pro_img img{width:235px;height:165px;overflow:hidden;display:block;}



.content_box .pro_box{width:auto;}

.content_box .product{margin-left:-11px;}

.content_box .product li{margin-left:11px;}

.good_top{background:#f8f8f8;padding:30px 0;text-align:center;color:#666;line-height:1.6em;border-top:1px solid #eee;border-bottom:1px solid #eee;}

.good_top h3{font-size:50px;font-weight:bold;line-height:1.6em;}

.good_top p{font-size:18px;color:#666;}



.good_box ul{background:url(../images/good_bg.jpg) center top no-repeat;min-height:1110px;display:block;overflow:hidden;}

.good_box li{clear:both; box-sizing:border-box;}

.good_box li .item{width:430px;position:relative;padding-left:80px;}

.good_box li em{position:absolute;left:0;top:0;font-size:70px;color:#f5ae15;font-family:Arial;line-height:1em;}

.good_box li h3{ font-size:24px;padding-bottom:10px;border-bottom:1px dashed #333;margin-bottom:10px;font-weight:bold;}

.good_box li p{font-size:14px;line-height:1.6em;margin-bottom:10px;}

.good_box li .good_btn{margin-top:10px;display:block;}

.good_box li.fl{width:430px;}



.ad_box{height:300px;display:block;}



.case_box{margin:40px 0;display:block;overflow:hidden;position:relative;}



.title_box{margin-top:20px;font-size:16px;margin-bottom:25px;background:#0d68ac;float:left;height:30px;line-height:30px;padding:0 30px; color:#fe9f1e;border-radius:0 20px 20px 0;}

.title_box span{ color:#fff !important;}

/*------------------------------------------------------------------------------------------------------------------------------------------------*/

.case_box .slide_box{zoom:1;display:block;position:relative;margin:25px auto;padding:0;}

.case_box .slide_box .sPrev , 

.case_box .slide_box .sNext{display:block;overflow:hidden;width:24px;height:15px;background:url(../images/btn_slide.png) no-repeat;position:absolute;top:0;z-index:999;top:10px;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5;}

.case_box .slide_box .sPrev{background-position:left top;right:30px;}

.case_box .slide_box .sNext{background-position:right top;right:0;}

.case_box .slide_box .sPrev:hover{background-position:left bottom;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}

.case_box .slide_box .sNext:hover{background-position:right bottom;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}

.case_box .slide_box .tempWrap{display:block;margin:0 auto;overflow:hidden;text-align:center;width:1000px;}

.case_box .slide_box ul{zoom:1;overflow:hidden;}

.case_box .slide_box li{margin:0 30px 0 0;float:left;position:relative;}

.case_box .slide_box li a em{position:absolute;width:100%;height:34px;line-height:34px;font-size:14px;display:block;overflow:hidden;background:url(../images/black50.png) repeat;bottom:0;left:0;color:#fff;}

.case_box .slide_box li a:hover em{color:#fff; background:#0d68ac;}

.case_img , .case_img img{width:313px;height:212px;display:block;overflow:hidden;}

/*------------------------------------------------------------------------------------------------------------------------------------------------*/

.client_box{ display:block; overflow:hidden;}

.client_box .more{ margin-top:25px;}

.client_box ul{ margin-left:-30px;}

.client_box li{width:485px; height:153px; float:left; padding:0; position:relative; margin:0 0 20px 30px; display:block; overflow:hidden; background:#f1f1f1;}

.client_box li i{ background:url(../images/more.png); width:24px; height:23px; position:absolute; right:0; bottom:0;}

.client_img{float:left; border:3px solid #ddd;}

.client_img , .client_img img{ width:206px; height:147px; display:block; overflow:hidden;}

.client_title{ padding:15px; display:block; overflow:hidden; font-size:16px; color:#ff0000;}

.client_text{ padding:0 15px;display:block; overflow:hidden; line-height:24px; font-size:14px; color:#666;}

/*------------------------------------------------------------------------------------------------------------------------------------------------*/

.about_info { padding-top:25px; border-top:5px solid #1a7bc4; background:#f1f1f1; display:block; overflow:hidden;}

.about_box{ width:645px; display:block; overflow:hidden;}

.about_box .more{ margin-top:25px;}

.about_box .video{ width:290px; height:210px; margin-left:15px; display:block; overflow:hidden;}

.about_box .text{ width:320px;height:215px;padding-bottom:15px; margin-left:0 !important;}

.about_box .text img{ margin-top:20px;}



.honor_box{ width:295px; padding:0 15px; background:#d2d2d2; margin-right:15px;}



.honor_box .slide_box{zoom:1;display:block;position:relative;margin:0 auto;padding:0; height:208px; margin-bottom:15px; background:url(../images/honor.png) no-repeat;}

.honor_box .slide_box .sPrev , 

.honor_box .slide_box .sNext{display:block;overflow:hidden;width:24px;height:24px;background:url(../images/btn_slide3.png) top no-repeat;position:absolute;z-index:999;top:50%; margin-top:-12px;}

.honor_box .slide_box .sPrev{background-position:left top;left:10px;}

.honor_box .slide_box .sNext{background-position:right top;right:10px;}

.honor_box .slide_box .sPrev:hover{background-position:left bottom;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}

.honor_box .slide_box .sNext:hover{background-position:right bottom;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}

.honor_box .slide_box .tempWrap{display:block;margin:0 auto;overflow:hidden;text-align:center;width:295PX;}

.honor_box .slide_box ul{zoom:1;overflow:hidden;}

.honor_box .slide_box li{margin:0;float:left;position:relative; padding-top:15px;}

.honor_box .slide_box li em{ line-height:36px;}

.honor_img , .honor_img img{ width:200px; height:145px; display:block; overflow:hidden;}

/*------------------------------------------------------------------------------------------------------------------------------------------------*/



.news_box{ width:645px;overflow:hidden;}

.news_box .more{ margin-top:25px;}

.news_box li{ height:116px; background:#f1f1f1; margin-bottom:20px;}

.news_box li a{ height:116px;display:block;}

.news_img{float:left; border:3px solid #ddd;}

.news_img , .news_img img{ width:153px; height:110px; display:block; overflow:hidden;}

.news_title{ padding:15px; padding-bottom:0; display:block; overflow:hidden; font-size:16px; color:#ff0000;}

.news_time{padding:5px 15px; display:block; overflow:hidden; font-size:12px; color:#999;}

.news_text{ padding:0 15px;display:block; overflow:hidden;line-height:24px; font-size:14px; color:#666; height:48px;}





/*------------------------------------------------------------------------------------------------------------------------------------------------*/

.about_album{width:310px; padding:0 10px;display:block;overflow:hidden; background:#f7f7f7;}



.about_album .slide_box{zoom:1;display:block;position:relative;margin:10px auto;padding:0;}

.about_album .slide_box .sPrev , 

.about_album .slide_box .sNext{display:block;overflow:hidden;width:24px;height:15px;background:url(../images/btn_slide.png) no-repeat;position:absolute;top:0;z-index:999;top:-55px;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5;}

.about_album .slide_box .sPrev{background-position:left top;right:30px;}

.about_album .slide_box .sNext{background-position:right top;right:0;}

.about_album .slide_box .sPrev:hover{background-position:left bottom;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}

.about_album .slide_box .sNext:hover{background-position:right bottom;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}

.about_album .slide_box .tempWrap{display:block;margin:0 auto;overflow:hidden;text-align:center;width:310px;}

.about_album .slide_box ul{zoom:1;overflow:hidden;}

.about_album .slide_box li{margin:0 0 5px 0;float:left;position:relative;}



.about_img , .about_img img{width:310px;height:190px;margin:0 auto;overflow:hidden;}

/*------------------------------------------------------------------------------------------------------------------------------------------------*/

.foot_nav{background:url(../images/foot_line.png) bottom repeat-x;}

.foot_nav ul{overflow:hidden;padding:40px 0 20px 0;}

.foot_nav li{border-left:1px solid #fff;height:12px;line-height:12px;margin-left:-1px;float:left;}

.foot_nav li a{color:#fff;padding:0 33px;}

.foot_nav li a:hover{text-decoration:underline;}



.copy_box{padding:20px 0;text-align:center;}

.copy_box , .copy_box p , .copy_box a{color:#7ebefe;}

.copy_box a{text-decoration:underline;}

.copy_box a:hover{text-decoration:none;}



.about p{ line-height:2em;}





.news li{ display:block;height:116px; background:#f1f1f1; margin-bottom:20px;}

.news li a{ height:116px;display:block;}



.video{margin-left:-11px;}

.video li{width:239px;float:left;text-align:center;margin-left:11px; position:relative;}

.video li em{height:40px;line-height:40px;display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}

.video li a i{ width:235px; height:165px; line-height:165px; display:block; position:absolute; top:0; left:0; background: url(../images/black50.png) repeat;}

.video li a:hover i{ background:none;}

/*------------------------------------------------------------------------------------------------------------------------------------------------*/

.pro_zoom{width:360px;float:left;overflow:hidden;}

.pro_ric a{display:table-cell;text-align:center;vertical-align:middle;}/*图片居中*/

.pro_ric a img{vertical-align:middle;}

.pro_ric a{*display:block;*font-family:Arial;*line-height:1;}



.picshow{position:relative;z-index:1;background:#f4f4f4;}/*大图*/

.big_img, .big_img a{width:380px;height:380px; overflow:hidden;}/* 产品图片尺寸 */

.big_img, .big_img img{max-width:380px;max-height:380px;}



div.zoomDiv{z-index:999;position:absolute;top:0px;left:0px;background:#fff;border:1px solid #ccc;display:none;text-align:center;overflow:hidden; margin-top:-12px;}/* 放大框 */

div.zoomMask{position:absolute;background:url(images/mask.png) repeat scroll 0 0 transparent;cursor:move;z-index:1;}



.thumb_box{ width:100%; margin-top:10px; position:relative; padding-top:0;}/* 缩略图 */

.arrow-btn{background: url(../images/product_icon.png) no-repeat;width:12px;height:54px;overflow:hidden;cursor:pointer; position:absolute;}/* 缩略图滚动按钮 */

#btn-left{left:0;top:0;background-position:left top;}

#btn-left.nothing{background-position:right top;}

#btn-right{right:0;top:0;cursor:pointer;background-position:left bottom;}

#btn-right.nothing{background-position:right bottom;}



.slider{width:326px;position:relative;height:54px; overflow:hidden; margin:0 auto;}/* 缩略图图标栏 */

.slider ul{position:absolute;left:0px;top:0px;width:1800px;height:54px;}

.slider li{float:left; width:68px;height:54px; display:block;margin:0; padding:0;overflow:hidden; text-align:center;}

.thumb_img a , .thumb_img img{width:52px; height:52px;}

.thumb_img a{border:1px solid #ccc; cursor:pointer;}

.thumb_img a:hover , .thumblist .pic_cur a{border:1px solid #62b000;}

/*------------------------------------------------------------------------------------------------*/



.pro_info{float: right; width:340px;overflow:hidden;}

.pro_info dl{overflow:hidden;}

.pro_info dt{font-size:18px;color:#333;border-bottom:dotted 1px #ccc; padding-bottom:10px;}

.pro_info dd{font-size:14px; color:#555; line-height:24px; padding:10px 0;border-bottom:dotted 1px #ccc; overflow:hidden;}



.pro_info .pro_btn a{ width:100px; height:32px; border-radius:2px; line-height:32px; text-align:center; background:#666; color:#fff; display:block;}

.pro_info .share{ margin:8px 0 0 0;}

.pro_info .pro_tel{ margin-top:10px;}

.pro_info .pro_tel span{ color:#db251c; font-size:14px;}



.detail{width:100%;margin:0 auto;}

.detail_top{height:35px;  display:block; overflow:hidden; background:url(../images/detail_bg.png) bottom repeat-x;}

.detail_top b{line-height:33px; border-bottom:2px solid #e14830;font-size:12px;font-weight:normal;display:block; float:left;overflow:hidden;}

.detail_info{ margin:10px 0; overflow:hidden; font-size:12px; line-height:2em;}

.detail_info p{line-height:2em;}

.detail_info img{ max-width:715px;}

/*------------------------------------------------------------------------------------------------------------------------------------------------*/

.hot_top{ background: url(../images/hot_top.png) repeat-x; height:34px; line-height:34px; border:1px solid #ddd;}

.hot_top span{ background:url(../images/hot_top_i.png) left center no-repeat; margin-left:20px; padding-left:10px;}

.hot_pro{ margin:20px auto;}

/*------------------------------------------------------------------------------------------------------------------------------------------------*/

.hot_pro .slide_box{zoom:1;display:block;position:relative;margin:25px auto 0 auto;padding:0;}

.hot_pro .slide_box .sPrev , 

.hot_pro .slide_box .sNext{display:block;overflow:hidden;width:10px;height:19px;background:url(../images/btn_slide2.png) no-repeat;position:absolute;top:0;z-index:999;top:50%; margin-top:-10px;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5;}

.hot_pro .slide_box .sPrev{background-position:left top;left:0;}

.hot_pro .slide_box .sNext{background-position:right top;right:0;}

.hot_pro .slide_box .sPrev:hover{background-position:left bottom;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}

.hot_pro .slide_box .sNext:hover{background-position:right bottom;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}

.hot_pro .slide_box .tempWrap{display:block;margin:0 auto;overflow:hidden;text-align:center;width:700px;}

.hot_pro .slide_box ul{zoom:1;overflow:hidden;}

.hot_pro .slide_box li{margin:0 5px;float:left;position:relative;}

.hot_img , .hot_img img{width:220px;height:155px;display:block;overflow:hidden;}

.hot_img { border:1px solid #ddd;}

.lei_link{float:left;width:100%;background:#fff;border:1px #dedede solid;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;position:relative;z-index:2;behavior:url(iecss3.htc);margin-top:15px;}
.lei_link h1{float:left;width:80px;height:24px;font:bold 14px/24px Arial,"Microsoft YaHei";margin:10px;text-indent:8px;background:url(../images/hrs_dfl.png) no-repeat -21px -2px;color:#fff;}
.lei_link .lei_content{float:left;width:858px;margin:10px 0;}
.lei_link .lei_content li{float:left;height:20px;font:13px/20px Arial,"Microsoft YaHei";margin:5px 15px 0 0;}
.lei_link .lei_content li a{display:block;color:#777;}
.lei_link .lei_content li a:hover{color:#1B5492;}

/*------------------------------------------------------------------------------------------------------------------------------------------------*/