@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: #0067B3;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 a.page-num-current{background:url(../img/page.jpg) no-repeat -5px -86px;font-weight:bold;color:#fff!important;}
.page a{background:url(../img/page.jpg) no-repeat -5px -60px;color:#0B3B8C; text-decoration:none}
.page span.next,.page a.next{ width:51px; height:21px; background:url(../img/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(../img/tel.jpg) no-repeat 20px;}
.top_3{ width:160px; padding-left:55px; float: left;line-height:45px; border-right:1px solid #363636;background:url(../img/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(../img/search.jpg) no-repeat; display:block}
.btn-search:hover,.btn-search.on {background-image:url(../img/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(../img/search.jpg) no-repeat center top; }
#shop .btn-search:hover,#shop .btn-search.on {background-image:url(../img/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:245px; float:left;}
.menus{ width:735px; float: right;height:70px; padding-top:19px;}
#nav a {color:#5a5959; font-size:16px; width:87px;height:70px;line-height:70px; display:block; text-align:center;}
#nav a:link,#nav a:visited {COLOR: #5a5959; TEXT-DECORaTION: none;}
#nav li {WIDTH:87px; FLOaT: left; margin-left:9px; margin-right:9px;}
#nav li a:hover{font-size:16px;}
#nav li ul {POSITION: absolute; text-align:left; line-height:30px; list-style-type:none; width:87px; left:-999em; background: #0067B3; padding-top:5px; padding-bottom:10px;}
#nav li:nth-child(3) ul{ display: none; }
#nav li ul li{ margin:0px;}
#nav li ul li a{width:87px; float:left; text-align:center; height:30px;line-height:30px;background: #f21012; font-size:12px}
#nav li ul li a:link,#nav li ul li a:visited{ width:87px;color:#fff;background: #0067B3;font-size:12px}
#nav li ul li a:hover {color:#0067B3; text-decoration:none; background:#ffffff;font-size:12px}
#nav li:hover ul {left:auto}
#nav li.sfhover ul {left:auto}
#nav li.sfhover a,#nav li a.xz{color:#0067B3; text-decoration:none; background:url(../img/menu.jpg) no-repeat center bottom;}

.search_bj{ width:100%; height:184px; background:url(../img/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:#0067B3; text-align:center; color:#FFF; margin-top:15px;}

.prodicts_i_bj{ width:100%; height:464px; padding-top:220px;background:url(../img/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;overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;}
.products_i .name a{ color:#0168b7}
.products_i:hover .name{color:#fff; background:#0067B3}
.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(../img/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(../img/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:228px;background:#1e1e1e; width:100%; overflow:hidden}
.foot1{ width:140px; padding-left:35px; float:left; color:#fff; text-align:left; background:url(../img/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("../img/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("../img/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("../img/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("../img/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("../img/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("../img/ubox-select.jpg") no-repeat 0 -72px;color:.fff}
.uboxstyle ul.tag_options li.open_selected{background:transparent url("../img/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:#1e569f; 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}
.honor:nth-child(5n){margin-right:0px;}
.pic{width:220px; margin-right:33px; margin-bottom:20px; overflow:hidden; float:left; line-height:30px; text-align:center}

.products{width:212px; height:257px; float:left; margin-bottom:44px; margin-right:44px;}
.products:nth-child(4n){margin-right:0px;}
.products img{border:1px solid #ccc;}
.products .name{line-height:45px;height:45px; color:#6b6b6b; width:192px; padding-left:10px; padding-right:10px; cursor:pointer; display:block; text-align:center; background:#efefef; color:#555555; overflow:hidden}
.products a{ color:#0168b7}
.products:hover .name{color:#fff; background:#105cbe}

.products_class{width:282px; height:325px; float:left; margin-bottom:44px; margin-right:67px;}
.products_class:nth-child(3n){margin-right:0px;}
.products_class img{border:1px solid #ccc;}
.products_class .name{line-height:45px;height:45px; color:#6b6b6b; width:282px; cursor:pointer; display:block; text-align:center; background:#efefef; color:#555555;}
.products_class a{ color:#0168b7}
.products_class:hover .name{color:#fff; background:#105cbe}

/*产品详细页*/
.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:#8f8f8f}
.news_date{text-align:right; border-bottom:1px dashed #ccc}

/*新闻展示效果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(../img/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{ height:  100%}

.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:"微软雅黑"}

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