﻿@charset "utf-8";
/* CSS Document */

html, body, div, p, ul,ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, frameset, table, th, tr, td, fieldset { margin: 0; padding: 0; }
/* IE5.xIE6бbug */ 
* html body{overflow: visible; } 
* html iframe, * html frame{overflow: auto;} 
* html frameset{overflow: hidden;}
/* Hides from IE-mac \*/
* html .clearfix {height:1%;}.clearfix {display:block;}

/* body */ 
body{color:#333; font-size:14px; font-family:"微软雅黑"; line-height:22px;} 
i, em, cite { font-style: normal; }
/* a */ 
a{color:#333; text-decoration:none; }
a:hover{text-decoration:none; color:#0094de }
/* form */ 
textarea,input{ word-wrap:break-word;word-break:break-all;} 
input {vertical-align:middle;font-size:12px}
/* li */ 
ul,li{list-style-type:none;} 
/* img */ 
img{border:0; vertical-align:middle;} 
/* h* */ 
h1{ font-size:24px;} 
h2{ font-size:20px;} 
h3{ font-size:18px;} 
h4{ font-size:16px;} 
h5{ font-size:14px;} 
h6{ font-size:12px;}
#map { width:98% !important; height:300px !important}
.newsnr{ width:100%; overflow:hidden; padding:15px 0}
.newsnr img{ width:99% !important; text-align:center; height:auto !important}
.newsnr .p0 img{ width:99% !important; text-align:center; height:auto !important}
TABLE{ width:98% !important;}

/*********清除浮动处理**********/
.clr {clear:both; display:block; height:0;font-size:0; overflow:hidden;}


.heawrap{ height:60px;  width:100%; margin:0 auto;background:#FFF;  position:relative;  -moz-box-shadow:0 0 10px rgba(128,128,128,0.4); -webkit-box-shadow:0 0 10px rgba(128,128,128,0.4); box-shadow:0 0 10px rgba(128,128,128,0.4); max-width:640px}
.logo{width:auto; height:60px;  background:url(../images/logo.png) 6px center no-repeat; background-size: auto 90%; overflow:hidden;}
.logo a{ display:block; width:100%; height:60px;}

.hea-R{overflow:hidden; height:60px; position:absolute; right:0; top:0}
.hea-R img{height:100%;}


.banner img{ max-width:100%; display:block; margin:0 auto}

.mline{ text-align:center;  margin:40px auto 0; position:relative; overflow:hidden;}
.mline .block{ height:3px; width:50px; background:#0094de; margin:0 auto}
.mline span{display:inline-block;  color:#434343; margin:10px auto 5px; font-size:20px; font-weight:bold}
.mline i{display:block; color:#cdcdcd}

.home_navWrap{ background:url(../images/bj.png) center center no-repeat #e7e7e7; background-size:auto 350%; overflow:hidden;}


.navList{ width:auto; overflow:hidden; padding-top:15px; margin:0 10px}
.navList li{ display:inline-block; margin-right:5px; margin-bottom:10px}
.navList li a{ display:block; padding:0 10px;  height:30px; background:#FFF; line-height:30px; text-align:center; border:1px solid #e8e8e8; color:#757575; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; margin:0 auto; overflow:hidden; font-size:12px}
.navList li.cur a{ background:#01438c; color:#FFF;}

.in-about{ width:auto; height:auto; padding:15px; font-size:14px; color:#5a5a5a; line-height:26px;}
.in-about img{ width:100%; height:auto; display:block; margin:0 auto 5px}
.in-about a{ display:block}
.newsWrap{ background:url(../images/bj.png) center center no-repeat #e7e7e7; background-size:auto 150%; overflow:hidden; margin:30px 0 0; padding-bottom:30px;}

.in-news{ width:auto;}
.in-news li{ width:auto; overflow:hidden; position:relative;}
.in-news li a{ color:#585858; overflow:hidden; display:block; padding: 15px; position:relative}
.in-news li span{ display:block; color:#bfbfbf; font-size:12px;}
.in-news li a .title{ color:#2a2a2a; font-size:14px; margin-bottom:5px; line-height:18px;}
.in-news li a .text{ color:#767676; font-size:12px; line-height:20px;}
.in-news li a:active{ background:#f4f4f4}


.in-news li a:before{
    content: '';
	position:absolute;
	left:0; bottom:0;
    display: block;
	 width: 100%;
    height:1px;
	 background-image: -webkit-linear-gradient(0deg, #ededed 50%, transparent 50%);   
    background-image: -moz-linear-gradient(0deg, #ededed 50%, transparent 50%);   
    background-image: -ms-linear-gradient(0deg, #ededed 50%, transparent 50%);   
    background-image: -o-linear-gradient(0deg, #ededed 50%, transparent 50%);   
    background-image: linear-gradient(0deg, #ededed 50%, transparent 50%);  
}

.in-news li:nth-last-child(1) a:before{ height:0}




.MORE{ display:block; width:110px; margin:0 auto; height:42px; line-height:42px; color:#FFF; background:#0094de; text-align:center; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size:15px; font-family:Arial, Helvetica, sans-serif}
.MORE:active,.MORE:hover{ background:#e6020a; color:#FFF }

/*** Product List****/
.proListBox{ width:auto; overflow:hidden; margin:15px 0 0;}
.proListBox li{width:50%; float:left; margin-bottom:10px;}
.proListBox li .LiBox{ width:85%; margin:0 auto;  overflow:hidden; background:#FFF; text-align:center }
.proListBox li .LiBox .pic{width:atuo;overflow:hidden; border:1px solid #e8e8e8; text-align:center; position:relative}
.proListBox li .LiBox .pic a{display:block; }
.proListBox li .LiBox .pic img{ max-height:100%; max-width:100%;  margin: auto; text-align:center; display:block}
.proListBox li .LiBox .text{ padding:0; height:30px; width:auto; overflow:hidden; text-align:center; line-height:30px; font-size:14px; color:#999999}


/*内页样式*/

.aboutnr-bt{ padding-left:10px; height:40px; background:#2f353b; display:none; line-height:40px; -webkit-box-flex:1; color:#fff; font-family:"微软雅黑"; font-weight:bold; font-size:16px;}
.aboutnr{ -webkit-box-flex:1; padding:10px 10px 30px; min-height:100px; background:#FFF;}
.aboutnr TABLE { width:100%;}
.aboutnr TABLE tr td{ width:50% !important}
.aboutnr img{ max-width:100%; height:auto}

.protnr{ -webkit-box-flex:1; width:90%; margin-right:20px; padding:10px 10px 30px; background:#FFF;}
.protnr table td{ width:98% !important; overflow:hidden }
#data{white-space:nowrap;overflow-x:scroll; width:100%;}
.protnr img{ width:98%; margin-top:10px; margin-bottom:10px; }





.pronr{ width:100%; margin-top:20px;}
.pronr li{ width:47%; float:left;}
.pro-nr{display: -webkit-box; -webkit-box-orient: vertical; width:47%;  margin-left:2%;-webkit-box-flex:1; margin-bottom:20px;}
.pro-nr01{-webkit-box-flex:1; display:block; width:100%; margin:0 auto; border:1px solid #CCC; text-align:center}
.pro-nr01 img{ width:90%; height:auto;}
.pro-nr02{-webkit-box-flex:1; display:block;  text-align:center; font-size:0.8em}



/*新闻*/
.news_ul{ width:100%; display: -webkit-box; -webkit-box-orient: vertical;}
.news_ul li{-webkit-box-flex:1; border-bottom:1px dashed #CCC; height:32px; line-height:32px;}
.news_ul li a{ display:block; width:auto; height:auto; background:url(../images/ny-menu-a.jpg) left center no-repeat; padding-left:8px; background-size:3px 3px;}

.news-bt{ width:100%;  margin:0 auto; line-height:32px; text-align:center; font-size:1.2em; font-weight:bold; color:#333}
.news-zl{ font-size:12px; text-align:center; margin-bottom:10px; font-weight:normal; border-bottom:1px #CCC dashed}
.newx-txt img{ max-width:300px; text-align:center; margin:0 auto; height:auto}
.newx-txt{ margin:0 10px ;}

/*内页之产品页样式*/

.pronyshow{width:98%; padding-top:10px; margin:0px auto; text-align:center; line-height:34px; font-size:18px; overflow:hidden; }
.pronyshow img{ width:90%; text-align:center;}
.pro-xq{ width:98%; height:32px; padding-left:10px; background:#EBEBEB; line-height:32px; font-size:14px;}
.pro-xq-nr{ width:98%; margin-bottom:20px; padding-left:10px; padding-top:10px;}
.pro-xq-nr img{ max-width:98% !important; height:auto;}


footer{display: -webkit-box; -webkit-box-orient: horizontal; width:100%;  height:45px; bottom:0px; left:0px; z-index:1; position:fixed; background:url(../images/bj.png) center center no-repeat #2f353b; background-size:auto 850%;  background:#}

footer a{ color:#FFFFFF; font-size:0.9em; border-top:1px solid #3e464e; display:block; width:100%; height:45px; text-align:center; line-height:45px; -webkit-box-flex:1; }

footer a:nth-child(1),footer a:nth-child(2),footer a:nth-child(3){ border-right:1px solid #3e464e; }
footer a:hover{background:#0094de;color: #FFF}
footer a:visited {color:#FFF}
footer  img{width:20px; margin-top:-4px;}



.copy{  background:url(../images/bj.png) center center no-repeat #2f353b; background-size:auto 650%;  color:#FFF; text-align:center; font-size:14px; padding:20px 10px; line-height:26px; margin-top:40px}
.tempmo{opacity:0.3;filter:alpha(opacity=30);height:auto;border:1px dashed green;margin:3px;background:#FFF;}
.dashmo{position:absolute;border:1px dashed #f00;filter:alpha(opacity=80);margin:3px;background:#FFF;height:auto;opacity:0.8;}

.roll_img_mb_01{overflow:hidden;position:relative;z-index:1}
.roll_img_mb_01 .img_box{overflow:hidden;text-align:center;}
.roll_img_mb_01 .img_box li{height:150px !important;}
.roll_img_mb_01 .img_box img{vertical-align:middle;min-height:100px;width:100%;}
.roll_img_mb_01 .nav_box{overflow:hidden;height:20px;position:absolute;right:10px;bottom:0px;}
.roll_img_mb_01 .nav_box li{width:10px;height:10px;font-size:1px;overflow:hidden;background:#ddd;border-radius:50px;float:left;margin:4px;}
.roll_img_mb_01 .nav_box .li_on{background:#c00;}


.pageNavi{text-align:center; margin-top:20px; margin-bottom:20px;}
.wp-pagenavi {CLEAR: both;}
.wp-pagenavi A {BORDER-RIGHT: #bfbfbf 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #bfbfbf 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 3px; MARGIN: 2px; BORDER-LEFT: #bfbfbf 1px solid; PADDING-TOP: 3px; BORDER-BOTTOM: #bfbfbf 1px solid; TEXT-DECORATION: none}
.wp-pagenavi SPAN {BORDER-RIGHT: #bfbfbf 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #bfbfbf 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 3px; MARGIN: 2px; BORDER-LEFT: #bfbfbf 1px solid; PADDING-TOP: 3px; BORDER-BOTTOM: #bfbfbf 1px solid; TEXT-DECORATION: none}
.wp-pagenavi A:hover {BORDER-LEFT-COLOR: #000; BORDER-BOTTOM-COLOR: #000; BORDER-TOP-COLOR: #000; BORDER-RIGHT-COLOR: #000}
.wp-pagenavi SPAN.current {BORDER-LEFT-COLOR: #000; BORDER-BOTTOM-COLOR: #000; BORDER-TOP-COLOR: #000; BORDER-RIGHT-COLOR: #000}
.wp-pagenavi SPAN.current {FONT-WEIGHT: bold}
