@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:#F00 }
/* 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;}
embed { width:98%;}
.newsnr{ width:auto; overflow:hidden; padding:15px 0; line-height:26px;}
.newsnr img{ max-width:100%; text-align:center;}
.newsnr .p0 img{ width:99% !important; text-align:center; height:auto !important}
TABLE{ width:98% !important;}

#map{ width:90% !important; height:300px !important; margin:0 auto;}

/*********清除浮动处理**********/
.clr {clear:both; display:block; height:0;font-size:0; overflow:hidden;}

.loading{ width:100%; height:100%; position:fixed; background:rgba(255,255,255,.9); z-index:100000; left:0; right:0}
.loading .pic{ position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; width:40px;  height:40px;}
.loading .pic img{ max-width:100%}



iframe{ width:98% !important; height:200px !important}
.heawrap{ height:50px;  width:100%; margin:0 auto; border-bottom:3px solid #ff5a61; border-top:3px solid #000000; position:relative}
.logo{height:50px;  margin-left:15px; overflow:hidden; }
.logo img{ height:40px; margin-top:5px;}
.hea-R{overflow:hidden; height:50px; position:absolute; right:10px; top:14px}
.hea-R img{width:27px;}




.prolist{ background:#0067b2; width:100%; float:left; padding-top:10px; padding-bottom:10px;}
.prolist-nr{ width:96%; height:auto; margin:0 auto;background:#0067b2; }
.prolist-nr li{ width:32%; margin-left:1%; margin-bottom:1px; float:left; height:36px; border:1px solid #258cd9; line-height:36px; background-image: -webkit-linear-gradient(top,#0066b1,#004578); background:-webkit-gradient(linear, 0 0, 0 100%, from(#0066b1), to(#004578));background:-moz-linear-gradient(top, #0066b1, #004578);/* Firefox */filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#0066b1,endColorstr=#004578,grandientType=0);}
.prolist-nr li a{ display:block; width:100%; height:100%; color:#FFF}




.nymenu{ width:100%; height:40px; background:#db291d; line-height:40px; color:#FFF;font-family:"微软雅黑"; font-weight:bold; font-size:16px;}
.nymenu span{ padding-left:10px;}
.showpro{ width:94%; padding:3%; margin:0 auto}
.showpro img { width:80%; margin:0 auto; text-align:center}
.showpro h6{ width:100%; margin:0 auto ; text-align:center; font-weight:normal}

.showhonor{ width:94%; padding:3%; margin:0 auto; text-align:center}
.showhonor img { width:80%; margin:0 auto; text-align:center}

/*内页样式*/

.title_xian{ height:7px; background:url(../images/ani/xgray_line06.png) left center repeat; margin-top:15px;}

.aboutnr-bt{ text-align:center; color:#ff5a61; font-weight:bold; font-size:16px; padding:20px 0}
.aboutnr-bt span{ display:block; font-size:14px; color: rgb(0, 0, 0); font-weight:normal}
.aboutnr-bt .bock{ width:40px; height:2px; background:#ff5a61; margin:5px auto}

.nynav{ width:auto; margin:0 10px; }
.nynav li { display:inline-table; height:24px;  font-size:12px; line-height:24px; background:#FFF; margin:0 2px 7px; text-align:center}
.nynav li a{border:1px solid #ff5a61; padding:0 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; color:#747474; display:block; }
.nynav li a.cur{ background:#ff5a61; color:#FFF}



.nynav li a{ transition:width 2s, height 2s;
            -moz-transition:width 2s, height 2s, -moz-transform 2s; /* Firefox 4 */
            -webkit-transition:width 2s, height 1s, -webkit-transform 2s; /* Safari and Chrome */
            -o-transition:width 2s, height 2s, -o-transform 2s; /* Opera */}
.nynav li a.hover{transform:rotateY(360deg);
            -moz-transform:rotateY(360deg); /* Firefox 4 */
            -webkit-transform:rotateY(360deg); /* Safari and Chrome */
            -o-transform:rotateY(360deg); /* Opera */opacity:0.9;}


.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{ width:98%; margin-top:10px; margin-bottom:10px; }

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


.wh-nr{display: -webkit-box; -webkit-box-orient: vertical; margin-bottom:20px;}
.wh-nr01{-webkit-box-flex:1; display:block; margin:0 auto; text-align:center}
.wh-nr02{-webkit-box-flex:1; display:block;  text-align:center}



.nycon{ width:98%; padding:1%;  background:#FFF}
.nycon img{ width:50%;}




/*新闻*/
.news_ul{ width:100%; display: -webkit-box; -webkit-box-orient: vertical;}
.news_ul li{-webkit-box-flex:1; border-bottom:1px dashed #CCC; background:url(ico_block.gif) 5px center no-repeat; height:32px; line-height:32px; overflow:hidden; position:relative;}
.news_ul li a{ display:block; width:auto; background:url(../images/ny-menu-a.jpg) left center no-repeat; padding-left:8px;height:32px; line-height:32px;  background-size:3px 3px; padding-right:80px;}
.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 ;}

/*内页之产品页样式*/

.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; height:30px; overflow:hidden; line-height:30px}


.pronyshow{width:98%; padding-top:10px; margin:0px auto; text-align:center; font-size:18px; overflow:hidden; }
.pronyshow img{ width:90%; text-align:center;}
.pro-xq{ width:98%; height:32px; padding-left:10px; background:#EBEBEB; overflow:hidden; line-height:32px; font-size:14px;}
.pro-xq-nr{ width:auto; margin-bottom:20px;  overflow:hidden; padding-top:10px;}
.pro-xq-nr img{ max-width:98% !important; height:auto;}



.footer{ background:#171717; padding:15px;font-size: 12px; color: rgb(153, 153, 153); position:relative}
.footer .bt{ font-size:14px;}
.footer .bt span{ display:block; width:28px; height:2px; background:#ff5a61; margin:5px 0 15px;}
.footer .foot_L .nr li{ height:26px; line-height:26px; overflow:hidden; padding-right:80px;}
.footer .foot_L .nr li img{ width:16px; padding-right:6px; margin-top:-2px;}

.footer .foot_R{ position:absolute; right:0; top:15px; width:80px; overflow:hidden}
.footer .foot_R .nr { border:2px solid #ff5a61; width:64px; margin-top:25px;}
.footer .foot_R .nr img{ margin:2px; max-width:60px; display:block}

.footer .copy{ text-align:center; font-size:12px; padding:25px 0 0}
.footer .copy span{ font-size:13px; font-family:Arial, Helvetica, sans-serif}

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



/***首页效果***/
.HomeWrap{ width:auto; height:100%; overflow:hidden;}
.HomeWrap .swiper-slide{ position:relative}
.HomeWrap .A01{ max-width:50%;}
.HomeWrap .A02{ max-width:20%; display:block; position:relative; left:50%; margin-left:-30%}
.HomeWrap .A03{ max-width:43%; right:10%; position:absolute; top:0}
.HomeWrap .Conter{ text-align:center; color:#FFF; position:absolute;  top:50%; left:0; right:0;}
.HomeWrap .Conter .text{ width:90%; margin:0 auto; font-size:12px; line-height:26px; margin:0 auto 10%; padding-top:15px;}
.HomeWrap .Conter .xian{ width:90%; margin:0 auto; height:1px; margin:10% auto 0; background:rgba(255,255,255,0.4);top:-100px}

.logo_ys{ margin-top:10%; margin-left:5%; position:relative;}

.ranklist{overflow:hidden; padding:0 25px; text-align:left; height:24px; position:relative;}
.ranklist li{height:24px;  line-height:24px; overflow:hidden; position:relative; padding-right:50px;}
.ranklist li a{ color:#FFF}
.ranklist a.more{ position:absolute; right:25px; top:0; color:#FFF;}

.HomeWrap .menu{ width:60px; height:60px; position:absolute; right:3%; top:10%; bottom:0; margin:auto; background:url(../images/ani/menu.png) center center no-repeat; background-size:40px;}


/**第二页**/
.HomeWrap .B01{ max-width:60%; margin:5% auto 5px; display:block}
.HomeWrap .B02{ max-width:40%; margin:0 auto; display:block}
.HomeWrap .Two_Con{ text-align:center; color:#FFF; position:absolute;  top:50%; left:0; right:0; overflow:hidden}
.HomeWrap .Two_Con ul.pronav{ overflow:hidden; padding:10% 15px 0; text-align:left}
.HomeWrap .Two_Con ul.pronav li{ display:inline-block; overflow:hidden; margin-bottom:5px;}
.HomeWrap .Two_Con ul.pronav li a{ -webkit-border-radius:5px; overflow:hidden; -moz-border-radius:5px; border-radius:5px; padding:2px 5px;color:#FFF; font-size:11px; display:block; margin:0 1px; background:#f46f11;}
.HomeWrap .Two_Con ul.inproshow{ overflow:hidden; padding:3% 15px 5%;}
.HomeWrap .Two_Con ul.inproshow li{ width:50%; float:left; text-align:center}
.HomeWrap .Two_Con ul.inproshow li a{ display:block; width:auto; }
.HomeWrap .Two_Con ul.inproshow li:nth-child(2n) a{padding-left:10px;}
.HomeWrap .Two_Con ul.inproshow li:nth-child(2n-1) a{padding-right:10px;}
.HomeWrap .Two_Con ul.inproshow li img{ width:100%; border:1px solid #CCC}
.HomeWrap .Two_Con ul.inproshow li span{ display:inline-table; height:20px; font-size:12px; line-height:20px; text-align:center; color:#FFF; overflow:hidden}
.HomeWrap .Two_Con .more{ -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;  margin:auto; width:80px; display:block; padding:3px 5px; text-align:center; border:1px solid #f46f11; background:#FFF; color:#5d5d5d; -webkit-animation: moremove 5.5s infinite ease-in-out;}


/**第三页**/
.HomeWrap .C01{ max-width:30%; margin:10% auto 4%; display:block}
.HomeWrap .C02{ max-width:25%;  margin:0 auto; display:block}
.HomeWrap .Fi_Con{ top:45%; position:absolute; overflow:hidden; padding:10% 3%}
.HomeWrap .Fi_Con li{ width:33.33%; float:left; margin-bottom:5%}
.HomeWrap .Fi_Con li img{ width:90%; display:block; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;  margin:0 auto}

.HomeWrap .C03.more{ -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; margin:auto; width:80px; display:block; padding:3px 5px; text-align:center; border:1px solid #f46f11; background:#FFF; color:#5d5d5d; position:absolute; left:0; right:0; bottom:15%;-webkit-animation: moremove 5.5s infinite ease-in-out;}



/**第四页**/
.HomeWrap .D01{ max-width:35%; margin:10% auto 2%; display:block}
.HomeWrap .D02{ max-width:45%;  margin:0 auto; display:block}
.HomeWrap .three_Con{ top:50%; position:absolute}

.HomeWrap .D03.more{ -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; margin:auto; width:80px; display:block; padding:3px 5px; text-align:center; border:1px solid #f46f11; background:#FFF; color:#5d5d5d; position:absolute; left:0; right:0; bottom:15%;-webkit-animation: moremove 5.5s infinite ease-in-out;}

.HomeWrap .three_Con{ top:50%; position:absolute; overflow:hidden; text-align:center; padding:5% 3% 0; color:#FFF;}
.HomeWrap .three_Con li{ width:20%; float:left; margin:0 auto 8%; text-align:center}
.HomeWrap .three_Con li img{ width:80%; display:block; margin:0 auto; transition:width 2s, height 2s;
            -moz-transition:width 2s, height 2s, -moz-transform 2s; /* Firefox 4 */
            -webkit-transition:width 2s, height 1s, -webkit-transform 2s; /* Safari and Chrome */
            -o-transition:width 2s, height 2s, -o-transform 2s; /* Opera */}
.HomeWrap .three_Con li .txt{ font-size:14px; margin-top:10px;}
.HomeWrap .three_Con li .txt span{ display:block; font-size:6px; line-height:16px}

.HomeWrap .three_Con li img.hover{transform:rotateY(360deg);
            -moz-transform:rotateY(360deg); /* Firefox 4 */
            -webkit-transform:rotateY(360deg); /* Safari and Chrome */
            -o-transform:rotateY(360deg); /* Opera */opacity:0.9;}



/**第五页**/

.HomeWrap .four_Con{ bottom:55%; position:absolute; color:#FFF; left:0; right:0;  overflow:hidden;}
.HomeWrap .four_Con .contact{ border:5px solid rgba(255,255,255,0.3); background:rgba(125,0,0,0.3); padding:4% 3%; line-height:26px; overflow:hidden; font-size:12px; margin:8% 5% 0; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; opacity:0;
		  transition:width 2s, height 2s;
            -moz-transition:width 2s, height 2s, -moz-transform 2s;
            -webkit-transition:width 2s, height 1s, -webkit-transform 2s;
            -o-transition:width 2s, height 2s, -o-transform 2s;}
.HomeWrap .four_Con .contact.hover{transform:rotateY(360deg);
            -moz-transform:rotateY(360deg); 
            -webkit-transform:rotateY(360deg); 
            -o-transform:rotateY(360deg);opacity:0.9;}

.HomeWrap .four_Con .contact a{}
.HomeWrap .four_Con .text{ font-size:32px; font-family:Arial, Helvetica, sans-serif;}
.HomeWrap .four_Con .contact .img { margin-top:3%; overflow:hidden}
.HomeWrap .four_Con .contact .img p{ width:50%; float:left}

.HomeWrap .F02{ max-width:45%; margin:0 auto; display:block}
.HomeWrap .F01{ max-width:50%; margin:0 auto; display:block}



#array{position:absolute;z-index:999;-webkit-animation: tipmove 1.5s infinite ease-in-out; width:35px;  bottom:10%; left:0; right:0; margin:auto;}
@-webkit-keyframes tipmove{0%{bottom:10px;opacity:0}50%{bottom:15px;opacity:1}100%{bottom:20px;opacity:0}}

@-webkit-keyframes moremove{0%{opacity:0}50%{opacity:1}100%{opacity:0}}




/*导航*/
#navwrap{position: fixed; left: 0; z-index:1999; top:0; height: 100%; width: 100%;  opacity:0; visibility: hidden;}
#navwrap.effect{
 -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  transition: opacity 0.3s 0s, visibility 0s 0.3s;
}
#navwrap.winshow{ opacity: 1;  visibility: visible;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
  transition: opacity 0.3s 0s, visibility 0s 0s;
}

.navwrap_wrap{position:absolute; top:0; width:100%; left:0; right:0; z-index:2000; height:auto; background:rgba(255,127,0,.95);
	  -webkit-transform: translateY(150px);
	  -moz-transform: translateY(150px);
	  -ms-transform: translateY(150px);
	  -o-transform: translateY(150px);
	  transform: translateY(150px);
	  /* Force Hardware Acceleration in WebKit */
	  -webkit-backface-visibility: hidden;
	  -webkit-transition-property: -webkit-transform;
	  -moz-transition-property: -moz-transform;
	  transition-property: transform;
	  -webkit-transition-duration: 0.2s;
	  -moz-transition-duration: 0.2s;
	  transition-duration: 0.2s;
}
.winshow .navwrap_wrap { 
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
#navwrap .navwrap_wrap ul{width:100%; height:auto;  }
#navwrap .navwrap_wrap ul li{ width:auto; margin:0 auto; height:35px; line-height:35px;}
#navwrap .navwrap_wrap ul li a{ font-size:14px; padding:0 25px; display:block; color:#FFF}
#navwrap .navwrap_wrap ul li a:active,#navwrap .navwrap_wrap ul li a:hover{ background:#ff6201}
#navwrap .navwrap_wrap ul li.colse{ background:#ff6201; font-size:17px; text-align:right; color:#FFF; padding-right:15px;}