@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;} 
textarea,input {vertical-align:middle;font-size:12px; outline:none}

/* 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;}
#dituContent { width:98%;}
.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;}
.logo{width:auto; height:50px;   background:url(../images/logo.png) 5px center no-repeat; background-size:60% 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%; position:relative}
.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(0,105,183,0.8); }
.PicScroll .swiper-pagination-bullet-active{ background:#2c99ff}
.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;}
.mline .block{ height:3px; width:50px; background:#e77817; margin:0 auto}
.mline span{display:inline-block;  color:#000; margin:10px auto 0; font-size:20px; font-weight:bold}
.mline i{display:block; color:#cbcbcb; margin-bottom:5px; font-size:14px;}

.homeProWrap{ overflow:hidden; background:#fafafa; background-size:100%; padding-bottom:10px}

.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;}
.dispaly{ display:none}


.RightBOx{ width:auto; margin:0 auto; padding:10px 0 10px}
.RightBOx .swiper-slide{ width:190px; overflow:hidden; position:relative; float:left; display:inline; }
.RightBOx .swiper-slide a { width:170px; margin:0 auto; display:block; overflow:hidden}
.RightBOx .swiper-slide .pic { background:#FFF;position:relative;  display:block; overflow:hidden; }
.RightBOx .swiper-slide .pic img{width:100%;}
.RightBOx .swiper-slide .text{ text-align:center; line-height:28px;  font-size:16px; overflow:hidden; color:#1a1a1a; padding:5px 10px 0}
.RightBOx .swiper-slide .nr{line-height:20px;  font-size:14px; overflow:hidden; color:#7f7f7f; padding:5px 10px }

.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; }


.aboutimg{ margin:20px 20px 0; position:relative}
.aboutimg img{ width:100%}
.aboutimg a{ display:block; width:50%; height:50%; position:absolute; left:0; top:0;}
.aboutimg a.a{ top:50%; left:50%}


.aboutWrap{ background:#f8f8f8; overflow:hidden}
.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 10px}
.in-about a{ color:#2c99ff}

.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}

.newsWrap{overflow:hidden; margin:0 auto 0; background:url(../images/probj.png) center center repeat; }


.in_strength{ width:auto; margin:20px 10px 0}
.in_strength ul{ overflow:hidden; text-align:center}
.in_strength ul li{ float:left; width:50%; color:#828282; margin-bottom:20px; font-size:12px; line-height:20px;}
.in_strength ul li img{ display:block; margin:0 auto 15px; max-width:90px }
.in_strength ul li span{ font-size:14px; color:#333333; display:block; margin-bottom:5px;}



.MORE{ display:block; width:50%; margin:0 auto; height:40px; line-height:40px; color:#FFF; background:#01438c; text-align:center; font-size:15px; font-family:Arial, Helvetica, sans-serif;}
.MORE:active,.MORE:hover{ background:#005197; color:#FFF }

.Home_Case_wrap{ padding:15px 0}
.Home_Case_wrap .Home_Case_list{ overflow:hidden; margin:0 15px; position:relative;padding-top:1px;}
.Home_Case_wrap .Home_Case_list li{ width:50%; float:left; overflow:hidden}
.Home_Case_wrap .Home_Case_list li a{ display:block; text-align:center; font-size:14px; background:#FFF; color:#333333; padding:5px 0; position:relative}
.Home_Case_wrap .Home_Case_list li img{ display:block; margin:0 auto; max-width:100%; width:100%}

.Home_Case_wrap .Home_Case_list:after{
     content: '';
	position:absolute;
	right:0; top:0;
    display: block;
    width: 1px;
    height:100%;
	background-image: -webkit-linear-gradient(90deg, #ededed 50%, transparent 50%);   
    background-image: -moz-linear-gradient(90deg, #ededed 50%, transparent 50%);   
    background-image: -ms-linear-gradient(90deg, #ededed 50%, transparent 50%);   
    background-image: -o-linear-gradient(90deg, #ededed 50%, transparent 50%);   
    background-image: linear-gradient(90deg, #ededed 50%, transparent 50%);  
}
.Home_Case_wrap .Home_Case_list:before{
    content: '';
	position:absolute;
	left:0; top: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%); 
}
.Home_Case_wrap .Home_Case_list li a:after{
     content: '';
	position:absolute;
	left:0; top:0;
    display: block;
    width: 1px;
    height:100%;
	background-image: -webkit-linear-gradient(90deg, #ededed 50%, transparent 50%);   
    background-image: -moz-linear-gradient(90deg, #ededed 50%, transparent 50%);   
    background-image: -ms-linear-gradient(90deg, #ededed 50%, transparent 50%);   
    background-image: -o-linear-gradient(90deg, #ededed 50%, transparent 50%);   
    background-image: linear-gradient(90deg, #ededed 50%, transparent 50%);  
}
.Home_Case_wrap .Home_Case_list 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%);  
}


/*** Product List****/
.proListBox{ width:auto; overflow:hidden; margin:15px 10px 0;}
.proListBox li{width:50%; float:left; margin-bottom:10px;}
.proListBox li .LiBox{ width:93%; margin:0 auto;  overflow:hidden;text-align:center }
.proListBox li .LiBox .pic{width:atuo;overflow:hidden; background:#FFF;  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; display:none; height:40px; background:#009b4d; 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:300px; background:#FFF;}
.aboutnr img { max-width:100%; height:auto !important}
.aboutnr TABLE{ width:100% !important}
.aboutnr TABLE tr td{ width:33.33% !important; padding:5px; font-size:12px; line-height:18px;}


.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; }



.goodWrap{ padding:10px 10px 30px; min-height:300px; background:#FFF;}

.message_table tr{ height:55px;}
.message_table tr input{ width:80%; height:35px; font-size:14px; line-height:35px; border:1px solid #f1f1f1; padding-left:5px}
.message_table tr textarea{ width:80%; font-size:14px; height:80px; line-height:35px; margin-top:5px; margin-bottom:5px; border:1px solid #f1f1f1; padding-left:5px}
.message_table tr .text{ width:80px; text-align:right; padding-right:10px;}
.message_table tr .submit{ width:100px; background:#2c99ff; border:0; cursor:pointer; color:#FFF; font-size:14px; font-family:'微软雅黑'}
.message_table tr .info{ color:#da251e}



.pronr{ width:100%; margin-top:20px;min-height:300px;}
.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%;min-height:300px;}
.news_ul li{ overflow:hidden; border-bottom:1px dashed #CCC; height:32px; position:relative; line-height:32px;}
.news_ul li a{ display:block; width:auto; overflow:hidden; height:32px; background:url(../images/ny-menu-a.jpg) left center no-repeat; padding-left:8px; padding-right:80px; background-size:3px 3px;}
.news_ul li span{ position:absolute; right:0; top:0}
.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:#080000; }

footer a{ color:#FFFFFF; font-size:0.9em; border-top:1px solid rgba(255,255,255,0.1); 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  rgba(255,255,255,0.1); }
footer a:hover{background:none;color: #FFF}
footer a:visited {color:#FFF}
footer  img{width:20px; margin-top:-4px;}



.copy{ background:#1a1a1a; color:#FFF; text-align:center; font-size:14px; padding:20px 10px; line-height:26px; margin-top:20px;}
.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}