@charset "utf-8";
/*公共部分*/
body{font-family:"微软雅黑";font-size: 14px;margin:0 auto;color: #8f8f8f;background:#ffffff;line-height:24px;text-align:center; }
body div, body table{margin:0 auto;font-size: 14px;line-height:24px;}
h1, h2{padding:0px;margin:0px;}
td,th{font-size:14px;color:#8f8f8f;line-height:24px;}
form {margin:0 auto;padding:0px;}
select, input, textarea {color:#8f8f8f;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,pre,a,code,del,em,img,strong,sub,sup,b,u,i,dl,dt,dd,ol,ul,li,fieldset,form,label,tfoot,thead{margin:0;padding:0;border:0;outline:0;}
ul,li{ list-style:none; padding:0px; margin:0 auto}
table{ text-align:center;margin:0px auto;}
.clearfix:after{content:'.';display:block;height:0;clear:both;overflow:hidden;}
.clearfix{*zoom:1;}
.clear{clear:both;}
a{color: #8f8f8f;text-decoration: none;font-size:14px; cursor:pointer}
a:hover,a.xz{text-decoration: none;color: #069da7;font-style: normal;}
a:link,a:hover,a:visited,a:active{behavior:url("/css/link.htc")}
img{border:0px;}
textarea{ overflow:auto}
input,textarea{ border:1px solid #CCC; line-height:25px;height:25px; padding-left:8px;}
.inputs{ background:#bef6ed; border:0px; height:32px; line-height:32px; padding-left:8px; width:227px}
.padding_left10{padding-left:10px;}
.padding_left20{padding-left:20px;}
.padding_right20{padding-right:20px;}
.back{margin-top:30px; margin-bottom:30px; text-align:center}
.page_list{ height:36px; line-height:36px; text-align:center; margin-top:40px;}
.none{display:none;}
.margin_right0{ margin-right:0px}

.w{ width:980px;margin:0 auto; padding:0px;}
.r{text-align:right!important;}
.c{text-align:center!important;}
.l{text-align:left!important;}

.mr10{ margin-right:10px;}
.mr20{ margin-right:20px;}
.mr30{ margin-right:30px;}
.ml10{ margin-left:10px;}

.H10{ height:10px; width:100%;clear:both;}
.H20{ height:20px; width:100%;clear:both;}
.H25{ height:25px; width:100%;clear:both;}
.H30{ height:30px; width:100%;clear:both;}
.H35{ height:35px; width:100%;clear:both;}
.H40{ height:40px; width:100%;clear:both;}
.H50{ height:50px; width:100%;clear:both;}
.H60{ height:60px; width:100%;clear:both;}

.page{width:100%;text-align:center; padding-top:30px;}
.page span,.page a{ display:inline-block; width:23px; height:21px;margin-right:5px;line-height:21px; text-align:center;color:#0B3B8C; text-decoration:none}
.page span{background:url(../images/page.jpg) no-repeat -5px -86px;font-weight:bold;color:#fff;}
.page a{background:url(../images/page.jpg) no-repeat -5px -60px;color:#0B3B8C; text-decoration:none}
.page span.next,.page a.next{ width:51px; height:21px; background:url(../images/page.jpg) no-repeat -5px -34px;}
.page span.next{color:#C4C4C4;font-weight:normal;}
.page a:visited{color:#0B3B8C}
.page a:hover{font-weight:bold; text-decoration: underline;}
/*公共部分*/

.top{ width:100%; height:45px; line-height:45px; background:#252525; text-align:center; color:#b5b5b5}
.top_1{ width:465px; float:left;line-height:45px; border-right:1px solid #363636}
.top_2{ width:160px; padding-left:45px; float: left;line-height:45px; border-right:1px solid #363636;background:url(../images/tel.jpg) no-repeat 20px;}
.top_3{ width:160px; padding-left:55px; float: left;line-height:45px; border-right:1px solid #363636;background:url(../images/fax.jpg) no-repeat 20px;}
.top_4{ width:91px; float: left;height:31px; padding-top:14px; border-right:1px solid #363636; text-align:center}

.btn-search { width:17px; height:17px; background:url(../images/search.jpg) no-repeat; display:block}
.btn-search:hover,.btn-search.on {background-image:url(../images/search.jpg);}

#content {position:relative; overflow:hidden;}
#header {position:relative; z-index:5; height:45px;}
#shop {position:absolute; top:0; z-index:5; width:91px; height:100%;}
#shop .btn-search {position:absolute; top:0; width:91px; height:100%; background:url(../images/search.jpg) no-repeat center top; }
#shop .btn-search:hover,#shop .btn-search.on {background-image:url(../images/search.jpg);}
#subNav {position:absolute; top:-45px; right:60px; z-index:4; width:100%; height:61px; overflow:hidden;}
#subNav .g-wrap {overflow:visible;}
#subNav .g-wrap .item {position:absolute; top:-100%; width:100%; height:100%; background-color:#4c4a4f; overflow:hidden; -webkit-transition:top 300ms; transition:top 300ms;}
#subNav .g-wrap .search {right:0; width:auto; height:33px; border:5px solid #4c4a4f;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius:5px;}
#subNav .g-wrap .search input { padding:0 20px; width:200px; height:33px; line-height:33px; }
#subNav .g-wrap .on {top:0;}
#subNav .g-wrap .item a {float:left; padding:0 16px; font-weight:bold; font-size:13px; line-height:61px; color:#d2ced5;-webkit-transition:color 300ms; transition:color 300ms;}
#subNav .g-wrap .item a:hover {color:#0170bf;}

.logo{ width:209px; float:left;}
.menus{ width:771px; float: right;height:70px;line-height:70px; padding-top:19px;}

#nav a:link,#nav a:visited {color: #5a5959;font-size:16px;display: block;text-align: center;}
#nav li {WIDTH:108px; float: left; margin-right:1px;}
#nav li ul {width:108px; position: absolute; left:-999em;background: #069da7; padding-top:5px; padding-bottom:10px;}
#nav li ul a:link,#nav li ul a:visited{background: #069da7; color:#fff; line-height:30px; font-size:12px;}
#nav li ul a:hover {color:#069da7; background:#ffffff}
#nav li:hover ul,#menu li.sfhover ul {left:auto}
#nav li.sfhover a,#nav li a.xz{color:#069da7;background:url(../images/menu.jpg) repeat-x bottom;}

.search_bj{ width:100%; height:184px; background:url(../images/search_bj.jpg) repeat; margin-top:90px; display:block}
.about_i1{ width:310px; float:left; margin-right:33px;}
.about_i2{ width:298px; float:left; margin-right:34px;}
.about_i3{ width:305px; float:left;}
.about_i1 img,.about_i2 img,.about_i3 img{ margin-bottom:10px;}
a.about_i_more{ width:150px; height:40px; line-height:40px;display:block;background:#069da7; text-align:center; color:#FFF; margin-top:15px;}

.prodicts_i_bj{ width:100%; height:464px; padding-top:220px;background:url(../images/prodicts_i_bj.jpg) no-repeat center top}
.products_i_w{ border:1px solid #a6a6a6;border-right:0px; width:980px; height:382px;}
.products_i{width:244px; height:382px; float:left; border-right:1px solid #a6a6a6; background:#f5f5f5;}
.products_i .name{ height:118px; padding-top:20px; line-height:45px; color:#6b6b6b; width:220px; padding-left:24px; cursor:pointer; display:block}
.products_i .name a{ color:#069da7}
.products_i:hover .name{color:#fff; background:#00a1ac}
.products_i:hover .name a{ color:#fff}

.news_i1{width:642px; float:left; margin-right:25px;}
.index_bt{ font-size:22px; line-height:40px;height:40px; font-weight:bold; color:#6b6b6b}
.news_i1 a.prev{width:27px; float:right; height:27px; background:url(../images/left.jpg) no-repeat left; display:block; padding-right:15px; margin-top:8px;}
.news_i1 a.next{width:27px; float: right; height:27px; background:url(../images/right.jpg) no-repeat right; display:block; margin-top:8px;}
.news_i_list{width:310px; float:left; margin-right:17px; background:#f8f9fa; padding-bottom:15px;}
.news_i_date{ margin-left:15px; margin-right:15px; width:60px; height:65px; border-bottom:1px solid #d9d9da; float:left; text-align:center; display:block; color:#0f88ac; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.news_i_date span{ font-size:34px; line-height:40px; font-weight:bold}
.news_contact{ margin-right:15px; float: right; width:205px; line-height:22px; font-size:12px}
.news_contact a{ color:#444}

.news_i2{width:313px; float:right;}

.foot{padding-top:45px; padding-bottom:45px; height:268px;background:#1e1e1e; width:100%; overflow:hidden}
.foot1{ width:140px; padding-left:35px; float:left; color:#fff; text-align:left; background:url(../images/foot_x.jpg) repeat-y right; min-height:228px;}
.foot1 h2,.foot2 h2{ font-size:14px; font-weight:normal; line-height:40px;}
.foot1 a{ font-size:12px; color:#ffffff}
.foot2{ width:245px; float:left; color:#fff;text-align:left;padding-left:35px;font-size:12px;color:#ffffff;}
.foot2 h3{ font-size:24px; font-weight:normal; line-height:35px; margin-bottom:5px; color:#ffffff; font-weight:bold; font-family:Arial, Helvetica, sans-serif}
.foot_x{width:245px; height:1px; background:#353535}
.foot2 img{ margin-right:10px;}

.foot3{padding-top:15px; padding-bottom:15px; height:25px;background:#000000; width:100%; overflow:hidden}
.foot3_i{ width:200px; float:left}
.foot3_r{ width:780px; float: right}

.uboxstyle .select_box{width:100px;height:24px; float:left}
.uboxstyle div.tag_select{display:block;color:.79A2BD;width:80px;height:24px;background:transparent url("../images/ubox-select.jpg") no-repeat 0 0;padding:0 10px;line-height:24px;}
.uboxstyle div.tag_select_hover{display:block;color:.79A2BD;width:80px;height:24px;background:transparent url("../images/ubox-select.jpg") no-repeat 0 -24px;padding:0 10px;line-height:24px;}
.uboxstyle div.tag_select_open{display:block;color:.79A2BD;width:80px;height:24px;background:transparent url("../images/ubox-select.jpg") no-repeat 0 -48px;padding:0 10px;line-height:24px;}
.uboxstyle ul.tag_options{position:absolute;padding:0;margin:0;list-style:none;background:transparent url("../images/ubox-select.jpg") no-repeat right bottom;width:100px;padding:0 0 5px;margin:0; border:1px solid #F00;}
.uboxstyle ul.tag_options li{background:transparent url("../images/ubox-select.jpg") repeat-y -100px 0;display:block;width:80px;padding:0 10px;height:24px;text-decoration:none;line-height:24px;color:.79A2BD;}
.uboxstyle ul.tag_options li.open_hover{background:transparent url("../images/ubox-select.jpg") no-repeat 0 -72px;color:.fff}
.uboxstyle ul.tag_options li.open_selected{background:transparent url("../images/ubox-select.jpg") no-repeat 0 -96px;color:.fff}

.banner{ height:382px;width:100%;top:89px;position:relative;}
.daohang{ color:#676767}
.daohang h2{ font-size:28px; line-height:55px;}
.daohang h3{ font-size:18px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; line-height:30px; text-transform:uppercase}
.daohang span{ background:#069da8; height:4px; width:31px; margin:0 auto; display:block; margin-top:5px;}
.main{ min-height:400px; height:auto; padding-top:20px;}

.honor{width:176px; margin-right:25px; margin-bottom:20px; overflow:hidden; float:left; line-height:30px; text-align:center}
.pic{width:220px; margin-right:33px; margin-bottom:20px; overflow:hidden; float:left; line-height:30px; text-align:center}

.products_class{width:217px; float:left; margin-bottom:34px; margin-right:34px;}
.products_class img{border:1px solid #ccc;}
.products_class .name{line-height:45px;height:45px;width:217px; cursor:pointer; display:block; text-align:center; background:#efefef; color:#555555;}
.products_class a{ color:#069da8}
.products_class:hover .name{color:#fff; background:#069da8}
.products_class .name1{line-height:45px;height:45px; width:217px; cursor:pointer; display:block; text-align:center; color:#555555;white-space: nowrap;    text-decoration: none; overflow: hidden;text-overflow: ellipsis;}

/*产品详细页*/
.pro_bigpic{width:980px;}
.P_name{height:30px; line-height:30px; text-align: center;font-size:18px;overflow:hidden; margin-left:10px; font-weight:normal}
.Bigpic{ text-align:center; margin:10px; overflow:hidden}
.lasts{ margin-left:10px; height:25px;}

/*新闻详细页*/
.newszi{ border:none;text-align:center;font-size:16px;line-height:24px; font-weight:bold;color:#8f8f8f}
.newszi span{ font-weight:normal; padding-top:10px; height:30px; display:block; font-size:12px;color:#069da8}
.news_date{text-align:right; border-bottom:1px dashed #069da8}

/*新闻展示效果2*/
#news_iframeH .news{padding:10px 0px 0px 0px;height:auto; overflow:hidden;}
#news_iframeH .news li{height:auto;overflow:hidden;width:100%;margin-bottom:10px; padding-bottom:10px;}
#news_iframeH .news li a{display:block;width:100%;height:98px; cursor:pointer;}
#news_iframeH .news li span{display:block;}
#news_iframeH .news li span.time{float:left;margin-right:40px;text-align:center;color:#888888;display:block;width:68px;height:66px;padding:16px;background:#eeeeee; border-radius:0px 0px 20px 0px;}
#news_iframeH .news li span.time p{display:block;font-size:46px;line-height:50px;font-weight:bold; font-family:Arial;padding:0;margin:0;}
#news_iframeH .news li strong.Ntitle{float:right;height:30px;line-height:20px; padding:3px 0px;dislay:block;width:840px;font-size:14px;color:#353535; font-weight:normal; text-overflow:ellipsis; overflow:hidden;}
#news_iframeH .news li span.Ninfo{width:840px;float:right;color:#999;line-height:24px; height: auto;}


dl#frames{width:100%;}
dl#frames dt.tl{padding-top:5px;padding-left:16px;height:51px;padding-bottom:15px;border-bottom:4px solid #e4e4e4;background:url(../images/sdsds.jpg) 1px 10px no-repeat;}
dl#frames dt.tl div.cntl{font-size:16px;color:#585858;}
dl#frames dt.tl span.tll{font-size:9px;height:23px;display:inline-block;padding-left:5px;}
dl#frames dt.tl span.en{font-size:27px;color:#41ae2f;text-transform: uppercase;font-weight:bold;}
dl#frames dt.tl strong{display:block;float:left;font-size:14px;color:#d5010d; font-weight:normal;text-indent:15px;}
dl#frames dt.tl strong span{color:#ccc;font-size:12px; text-transform:uppercase; font-family:Arial;padding-left:3px;}
dl#frames dt.tl span.path a{padding:0px 2px;font-size:12px;color:#aeaeae;}
dl#frames dt.tl span.path a.last{color:#686868;}dl#frames dt.tl span.path{display:inline-block;padding-top:19px;}
dl#frames dd.fcn{padding:10px 0px;line-height:21px;}
dl#frames dd.fcn img{}

.fl{float:left;}.fr{float:right;}.pa{position:absolute;}.pr{position:relative;}

.tijiao{ width:70px; height:30px; line-height:30px; background:#0061ba;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius:5px; border:0px; color:#FFF; cursor:pointer; font-family:"微软雅黑"}
 
.N_Content{overflow:hidden;text-align:left;}
.N_Content img{max-width:980px;width:expression_r(width>980?”980px”:”auto”);overflow:hidden;}

.P_Content{overflow:hidden;text-align:left;}
.P_Content img{max-width:720px;width:expression_r(width>720?”720px”:”auto”);overflow:hidden; margin-top:20px;}

.lefts{ width:230px; float:left; margin-right:30px;}
.rights{ width:720px; float:right;}

.left_dh a{color:#5d5d5d;background:url(../images/sj.jpg) no-repeat 20px #f3f3f3; width:190px; padding-left:40px;height:40px;line-height:40px;display:block; text-align:left; margin-bottom:8px;}
.left_dh a:hover,.left_dh1 a,.left_dh1 a:hover{color:#fff;background:url(../images/sj1.jpg) no-repeat 20px #069da8; width:190px; padding-left:40px; height:40px;line-height:40px; display:block; text-align:left; margin-bottom:8px}

.left_dhs a{color:#5d5d5d;width:190px; padding-left:40px;height:30px;line-height:30px;display:block; text-align:left; font-size:12px;white-space: nowrap;    text-decoration: none; overflow: hidden;text-overflow: ellipsis;}
.left_dhs a:hover,.left_dhs1 a,.left_dhs1 a:hover{color:#069da8; width:190px; padding-left:40px; height:30px;line-height:30px; display:block; text-align:left; font-size:12px;white-space: nowrap;    text-decoration: none; overflow: hidden;text-overflow: ellipsis;}
.weizhi{ border-bottom:1px solid #abb0b1; height:35px; line-height:35px; color:#5d5d5d}
.weizhi span{ float:left; width:145px; height:35px; line-height:35px; background:#abb0b1; color:#fff; text-align:center}