@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:#d80008 }
/* 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:240px !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:50px;  width:100%; margin:0 auto; background:#FFF; background-size:100% 100%; position:relative; max-width:640px}
.logo{width:auto; height:50px; margin-left:5px; margin-right:80px; background:url(../images/logo.png) 5px center no-repeat; background-size:230px auto; overflow:hidden;}
.logo a{ display:block; width:100%; height:50px;}

.hea-R{overflow:hidden; height:50px; position:absolute; right:0; top:0}
.hea-R img{height:100%;}



/***首页图片切换样式*******/
.PicScroll {width:100%;}
.PicScroll .swiper-container { width: 100%; height: 100%; }
.PicScroll .swiper-slide  img{ width:100%}
.PicScroll .swiper-slide {
        text-align: center;
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
}
.PicScroll .swiper-pagination-bullet{ background:rgba(253,247,1,0.8); }
.PicScroll .swiper-pagination-bullet-active{ background:#ff6600}
.PicScroll .swiper-container-horizontal>.swiper-pagination-bullets,.banner  .swiper-pagination-custom,.banner  .swiper-pagination-fraction{ bottom:0px;}


.mline{ text-align:center;  margin:20px auto 0; position:relative; overflow:hidden; text-transform:uppercase}
.mline .block{ height:3px; width:50px; background:#d80008; margin:0 auto}
.mline span{display:inline-block;  color:#000; margin:10px auto 5px; font-size:20px; font-weight:bold}
.mline i{display:block; color:#c9c9c9}


.AboutTitle{ text-align:center;  margin:0 auto; position:relative; overflow:hidden;}
.AboutTitle img{ width:65%}
.AboutTitle .title{ position:absolute; color:#FFF; top:50%; margin-top:-32px; left:0; right:0;}
.AboutTitle span{ margin:10px auto 5px; font-size:16px; font-weight:bold}
.AboutTitle i{display:block; font-size:12px; }


.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{ color:#da242a}


.in-news{ width:auto;  padding:10px 15px 20px;}
.in-news li{ width:auto; height:30px; line-height:30px; position:relative}
.in-news li a{  padding-left:10px; background:url(../images/ny-menu-a.jpg) left center no-repeat; color:#000;  background-size:3px 3px; margin-right:80px;}
.in-news li span{ position:absolute; color:#929292; right:0; top:0}


.newsWrap{ background:url(../images/04.jpg) center center no-repeat; overflow:hidden; background-size:100% 100%; margin:30px auto 0; padding-bottom:20px;}


.MORE{ display:block; width:110px; margin:0 auto; height:40px; line-height:40px; color:#FFF; background:#da242a; 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}



/*** video List****/
.videoListBox{ width:auto; overflow:hidden; margin:15px 0 0;}
.videoListBox li{width:50%; float:left; margin-bottom:10px;}
.videoListBox li .LiBox{ width:85%; margin:0 auto;  overflow:hidden; background:#FFF; text-align:center }
.videoListBox li .LiBox .pic{width:atuo;overflow:hidden;  border:1px solid #e8e8e8; text-align:center; position:relative}
.videoListBox li .LiBox .pic a{display:block; position:relative; height:120px;}
.videoListBox li .LiBox .pic img{   text-align: center;
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;}
.videoListBox 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:#da242a; 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 img { max-width:100%;}
.aboutnr TABLE tr td{ width:50% !important}


.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; font-size:18px; overflow:hidden; }
.pronyshow img{ max-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:#000}

footer a{ color:#FFFFFF; font-size:0.9em; background:#000; border-top:1px solid #313131; 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 #313131; }
footer a:hover{background:#ca0301;color: #FFF}
footer a:visited {color:#FFF}
footer  img{width:20px; margin-top:-4px;}



.copy{ background:url(../images/footbj.png) center center repeat; 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;}



.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}
