﻿@charset "utf-8";
/* CSS Document */

/***********************公共样式**************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset,form, label, legend, table, caption, tbody,tfoot, thead, tr, th, td, article, aside,canvas, details, embed, figure, figcaption,footer, header, hgroup, menu, nav, output,ruby, section, summary, time, mark, audio,video{margin:0;padding:0;}
article, aside, details, figcaption,figure, footer, header, hgroup, menu,nav, section{display:block;}

html{overflow-x:hidden;-webkit-text-size-adjust:none;}
body{color:#565656; max-width:640px; margin:0 auto; font-family:'microsoft yahei';}
ol, ul, li{list-style:none;}

fieldset, img{border:0;}
a{color:#000000;outline:none;}
a:hover{color:#d7251b;}
del, ins, a{text-decoration:none;}
em, i{font-style:normal;}
input, button,
textarea, select{outline:none;}
textarea{resize:none;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after{content:'';content:none;}

.clear{clear:both;height:0px;overflow:hidden;}
.clearfix:after{clear:both;display:block;height:0;visibility:hidden;line-height:0;content:'\20';	}
.clearfix{clear:both;*display:table;*zoom:1;}
.fl{display:inline;float:left;}
.fr{display:inline;float:right;}
img{max-width:100%;}

/*******************************************Begain**************************************************/

.top { width:100%; background: #fff;overflow: hidden; margin-bottom:20px;}
.top .m-logo{padding:15px 0 0 0;display:block; text-align:center;}
.top .m-logo img{ width:40%;}

.top .m-tel{ padding:20px 0 0;  font-size:16px; color:#282828;font-weight: bold;text-align:center;}
.top .m-tel a{ display:block;font-size:;color: #cb0a18;font-weight: normal;}


/***************2014-06-19*****************/

.soso_text{background:none;border:1px solid #FFF;border-right:none;height:34px;width:250px;margin-top:20px;padding-left:5px;font-size:20px;color:#bdda7e;line-height:34px;font-family:microsoft yahei;float:left}
.soso_btn{width:50px;border:1px solid #fff;border-left:none;height:38px;background:url(../images/soso.png) no-repeat center center;margin-top:20px;float:left;}


/*

#mySwipe div{display:block;text-align:center;width:100%;margin-top:2px;}
.swipe {overflow: hidden;visibility: hidden;position: relative;}
.swipe-wrap {overflow: hidden;position: relative;width:100%;}
.swipe-wrap > div {float:left;width:100%;position: relative;}
.swipe-wrap > div img{width:100%;}

.btn_q{width:100%;position:absolute;top:40%;z-index:999;}
.btn_q button{position:absolute;width:35px;height:35px;background:url(../images/yy.png) repeat;font-size:30px;color:#ffffff;text-align:center;cursor:pointer;font-family:SimSun;border:none;}
.prev{left:0px;}
.next{right:0px;}
*/


/******** nav *******/

.nav{background:#528498;overflow:hidden;font-family:Microsoft YaHei;}

.nav ul li {text-align:center;width:25%; height:50px; line-height:50px; float:left; border-bottom:1px solid #fff;}
.nav ul li a{width: 90%; display:block; color:#fff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.nav ul li .z-on{background:#F60;}
.nav ul li:nth-child(4n){border-right: none;}

/******* title  *********/

.title01 div.t01_i01{ font-size:30px; color:#F60;}
.title01 div.t01_i01 b{color:#38b1ff;list-style-type: none;}

.title01{text-align:center;}
.title01 h3{display:inline-block; height:40px; padding:0 25px; line-height:35px; font-size:18px; color:#999; overflow:hidden; font-weight: bold;}
.title01 span{display:inline-block; width:80px; height:41px; background:url(../images/icon01.png) repeat-x left 18px; overflow:hidden;}

/******* about us *********/

.i_about {width: 100%;padding:20px 0;}

.aboutCon {font-size:14px; line-height:28px; text-align:center; padding:0 10px 15px 10px;}

.more01{width:100%; height:43px; text-align:center;}
.more01 a{ display:inline-block; width:100px; height:36px; line-height:36px; font-size:16px; color:#FFF; border-radius:5px; background:#f2af12;}
.more01 a:hover{ color:#fff;}

.contaCon {padding:0 10px;}
.contaCon p{ padding:10px 0; border-bottom:1px solid #ddd; line-height:30px;}
.contaCon div{ padding-top:10px;}


/*******products*********/

.i_service {width: 100%;padding:20px 0;background: #f5f5f5;}

.pro_list{width:100%;overflow:hidden;}
.pro_list li{width:41%;padding:2%;float:left;border:1px #ccc solid;margin:2.8% 2% 0;}
.pro_list li a{display:block;}
.pro_list li div{ font-size:18px; font-weight:bold; color:#C4292F; padding-bottom:10px;}

.pro_list li p{overflow:hidden;font-size:16px; padding-bottom:5px;}




/*******news_list*********/

.i_news {width: 100%;padding:20px 0;}

.news_list{padding-top:3%;width:100%;overflow:hidden;}
.news_list li{height:30px;line-height:30px;font-size:12px;padding-left:8px;text-overflow: ellipsis; overflow: hidden; white-space: nowrap; outline: 0 !important;}
.news_list li a{color:#525252;}
.news_list li img{vertical-align:middle;}


.fanhui{width:100px;float:right;height:35px;line-height:35px;text-align:center;background:#06C;margin:20px 0;clear:both;overflow:hidden;margin-right:3%;}
.fanhui a{color:#FFF;font-size:16px;font-family:Microsoft YaHei;}

.foot_nav{background:#666;width:94%;height:20px;line-height:20px;overflow:hidden;padding:3%;}
.foot_nav li{width:25%;float:left;text-align:center;font-size:16px;color:#FFF;font-family:Microsoft YaHei;}
.foot_nav li a{color:#FFF;}

.banquan{width:94%;padding:3%;line-height:24px;font-size:14px;color:#333;font-family:Microsoft YaHei;text-align:center;background:#fff;margin-bottom:50px;}

.fot-nav{width:100%;overflow:hidden;background:#06C;padding:10px 0;position:fixed;bottom:0;min-width:320px; max-width:640px;z-index:999;}
.fot-nav ul{}
.fot-nav ul li{float:left; width:25%; text-align:center; position:relative}
.fot-nav ul li a{ display:block; padding-top:20px;font-size:16px; color:#fff; overflow:hidden; position:relative; }

.fot-nav ul li:nth-child(1){background:url(../images/ico5.png) no-repeat top}
.fot-nav ul li:hover:nth-child(1){background:url(../images/ico5-2.png) no-repeat top}

.fot-nav ul li:nth-child(2){background:url(../images/ico4-1.png) no-repeat top}
.fot-nav ul li:hover:nth-child(2){background:url(../images/ico4.png) no-repeat top}

.fot-nav ul li:nth-child(3){background:url(../images/ico6.png) no-repeat top}
.fot-nav ul li:hover:nth-child(3){background:url(../images/ico6-3.png) no-repeat top}

.fot-nav ul li:nth-child(4){background:url(../images/ico7.png) no-repeat top}
.fot-nav ul li:hover:nth-child(4){background:url(../images/ico7-4.png) no-repeat top}

.fot-nav ul li:nth-child(5){background:url(../images/ico8.png) no-repeat top}
.fot-nav ul li:hover:nth-child(5){background:url(../images/ico5-5.png) no-repeat top}

/*******about********/
.about{width:94%;margin:0 auto;padding:3px;line-height:26px;color:#525252;font-size:16px;font-family:Microsoft YaHei;}
.about h2{display:block;width:100%;text-align:right;font-size:14px;color:#525252;height:35px;line-height:35px;border-bottom:1px #ccc solid;font-weight:normal;overflow:hidden;}

.about_nei{width:100%;margin:0 auto; padding-top:20px;font-size:12px;}
.about_nei h3{width:100%;font-size:22px;line-height:26px;text-align:center;font-weight:normal;color:#111111;border-bottom:1px #e3e3e3 solid;padding-bottom:5px;margin-bottom:20px;margin-top:15px;}

.about_two{width:100%;border-top:1px #e3e3e3 solid;padding-top:15px;margin-bottom:15px;overflow:hidden;clear:both;}
.about_two img{float:left;width:35%;margin-top:10px;}
.about_two span{width:62%;float:right;}
.about_two span b{font-size:20px;display:block;margin-bottom:5px;font-weight:normal;color:#d7251b;}

.about_bt{font-size:18px;color:#464646;font-weight:600;text-indent:0.5em;margin-top:15px;margin-bottom:5px;}
.about_bt1{font-size:14px;text-indent:0.5em;color:#606060;}

/***************fenxiang******************/
.share_list {margin-top:20px;margin-bottom:10px;}
.share_list li{height:32px;border:1px solid #e5e4e4;padding:5px;background-color:#fafafa;line-height:32px;overflow:hidden;margin-bottom:10px;list-style:none;}
.share_list li img{float:left;margin-right:10px;}
.share_list a{display:block;background:url(../images/go.png) no-repeat right 7px;text-decoration:none;}
.share_list a:link,a:visited{color:#424140;}
.share_list a:hover,a:active{color:#156df2;}

.ser_a{color:#d7251b;font-weight:600;font-size:18px;}
.ser_b{text-indent:2em;font-size:16px;margin-bottom:10px;color:#464646;}

.feedb_a{margin-top:15px;width:100%;overflow:hidden;}
.feed_l{width:80%;float:left;}
.feed_r{width:20%;float:right;text-align:center;margin-bottom:5px;}
.feed_r img{width:100%;max-width:100%;}
.ab{display:block;margin-bottom:15px;}
.ab input{float:left;width:80%;border:1px solid #e5e4e4;background-color:#fafafa;font-family:Microsoft yahei;margin:0px;padding:5px 5px 5px 5px;margin-bottom:15px;font-size:14px;}
.ab input{height:25px;margin-bottom:5px;}

.feedb_b textarea{height:70px;width:96%;border:1px solid #e5e4e4;background-color:#fafafa;font-family:Microsoft yahei;margin:0px;padding:5px 5px 5px 5px;margin-bottom:15px;font-size:14px;}

.more{width:140px;height:35px;line-height:35px;background:#d7251b;color:#FFF;font-size:18px;margin:30px auto;text-align:center;}
.more a{color:#FFF;}

.news_xq{display:block;line-height:25px;text-align:center;font-size:13px;color:#666;margin-bottom:10px;}
.news_xg{width:100%;}
.news_xg li{list-style:none;width:96%;background:#eeeeee;padding:2%;margin-bottom:5px;font-weight:600;color:#434343;text-overflow: ellipsis; overflow: hidden;white-space: nowrap; outline: 0 !important;}
.news_xg li a{color:#7a7a7a;text-decoration:none;font-weight:normal;line-height:28px;}


/******** list nav ********/

.listLogo { float:left;margin-left:10px;}
.g-back { background:#e8e8e8;}
.g-back .u-bp,.g-back .u-bl{background:url(../images/Nyskinsbar.png) no-repeat; background-size:35px 600px;}
.g-back{ overflow: hidden;position: relative;text-align:right;margin-top:1px; height:38px; padding:7px 11px 0 9px;} /*内页返回布局样式*/
.g-back a{display: inline-block;font-size:0.875em;height: 32px;line-height: 28px; width:32px;position: relative;}	/*内页返回链接样式*/
.g-back .u-bp { background-position:0 0; } /*内页返回样式*/
.g-back .u-bl {background-position:0 -286px;  } /*内页回到首页样式*/

#ny_navbtn{float:right; margin:0; height:100%; width:40px; cursor:pointer;}
#ny_slidenav{position:fixed; z-index:9; top:0; width:140px; background:#2e2e2e; height:100%; overflow-y:auto; right:-140px;}
#ny_slidenav dl{margin-top:10px;}
#ny_slidenav dt{height:38px; line-height:38px; font-size:15px; text-indent:10px;}
#ny_slidenav dt a{display:block; color:#d7251b;}
#ny_slidenav dt a span{font-family:Simsun; font-weight:bold;}
#ny_slidenav dd{margin-top:5px; padding-bottom:10px;}
#ny_slidenav dd a{display:block; color:#fff; height:30px; line-height:30px; font-size:13px; text-indent:25px;}




table.ps_zhinantable{width:100%; text-align:center; margin-top:25px; border-collapse: collapse; border-spacing: 0;}
table.ps_zhinantable td,table.ps_zhinantable th{padding:4px 5px; line-height:28px; font-size:14px; width:33%;}
.ps_zhinanr{float:right;}


.pro_list_wl{width:100%;overflow:hidden;}
.pro_list_wl li{width:43%;padding:1%;float:left;border:1px #eee solid;margin:2.8% 2% 0;}
.pro_list_wl li a{display:block;}
.pro_list_wl li div{width:100%;padding-bottom:70%;position:relative;z-index:1;}
.pro_list_wl li div img{position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;max-width:100%;max-height:100%;}


/**************2014-06-19********/
.pro_list_wl li p{padding:1% 0;background:#09C;overflow:hidden;text-align:center;}

.pro_list_wl li p span{display:inline-block;vertical-align:middle;max-width:70%;color:#fff;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:16px}

@media all and (max-width:639px){
.soso_text{height:24px; width:150px; margin-top:13px; padding-left:5px; font-size:14px; color:#bdda7e; line-height:24px;}
.soso_btn{width:25px;height:28px; background:url(../images/ss.png) no-repeat center center; margin-top:13px; }

.btn_btn{height:30px; margin-top:-15px;}
.btn_btn em{width:30px; height:30px; font-size:20px; line-height:30px;}
#ny_navbtn{width:28px;}

}

#AspNetPager1{ display:block; width:100%; overflow:hidden; margin-bottom:15px; margin-top:15px; margin-left:40px;}
#AspNetPager1 a{ display:inline; padding:5px 8px 5px 8px; background:#d7251b; color:#252525}

/* 分页 */
.page {clear:both;padding:15px 0;text-align: left;font-family:Arial, Helvetica, sans-serif;}
.page span {margin-right:5px;border:#cc6633 1px solid;color: #993300;padding:0px;height:25px;line-height:25px;padding:2px 0;background-color:#fff;}
.page span strong {padding:0 6px;}
.page a {margin-right:4px;padding:2px 6px 2px 6px;border: #cc6633 1px solid;color: #cc6633;text-decoration: none;}
.page a:hover {background-color:#cc6600;color:#fff;border: #cc6633 1px solid;}
.page a.current {background-color:#cc6633;color:#fff;border: #cc6633 1px solid;}
.page span.current,.page span.disabled {margin-right:2px;padding:3px 6px 2px;border: #115c93 1px solid;font-weight:bold;color: #fff;background-color:#186ca9}
.page span input {width:16px;height:16px;border:0px;vertical-align:middle;font-family:Arial, Helvetica, sans-serif;padding:1px;font-size:11px;margin:-1px 2px 2px 2px;}
.page a.pagein:link,.page a.pagein:visited {background-color:#cc6633;color:#fff;border: #cc6633 1px solid;}


.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
.slide_container {
  margin-bottom:10px;
  position: relative;
  width: 100%;
  border-bottom:5px solid #ccc;
  }

.slide {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.slide li {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  }
  
 .slide img {
  display: block;
  position: relative;
  z-index: 1;
  height: auto;
  width: 100%;
  border: 0;
  }

.slide .caption {
  display: block;
  position: absolute;
  z-index: 2;
  font-size: 20px;
  text-shadow: none;
  color: #fff;
  background: #000;
  background: rgba(0,0,0, .8);
  left: 0;
  right: 0;
  bottom: 0;
  padding: 10px 20px;
  margin: 0;
  max-width: none;
  }
  
 .slide_nav {
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 52%;
  left: 0;
  opacity: 0.7;
  z-index: 3;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 61px;
  width: 38px;
  background: transparent url(../images/themes.gif) no-repeat left top;
  margin-top: -45px;
  }

.slide_nav:active {
  opacity: 1.0;
  }

.slide_nav.next {
  left: auto;
  background-position: right top;
  right: 0;
  }


/* -- page -- */

.page {clear:both;padding:15px 0;text-align: left;font-family:Arial, Helvetica, sans-serif;}
.page span {margin-right:5px;border:#900 1px solid;color:#900;padding:0px;height:25px;line-height:25px;padding:2px 0;background-color:#fff;}
.page span strong {padding:0 6px;}
.page a {margin-right:4px;padding:2px 6px 2px 6px;border:#900 1px solid;color:#900;text-decoration: none;}
.page a:hover {background-color:#900;color:#fff;border:#900 1px solid;}
.page a.current {background-color:#900;color:#fff;border:#900 1px solid;}
.page span.current,.page span.disabled {margin-right:2px;padding:3px 6px 2px;border: #115c93 1px solid;font-weight:bold;color: #fff;background-color:#186ca9}
.page span input {width:16px;height:16px;border:0px;vertical-align:middle;font-family:Arial, Helvetica, sans-serif;padding:1px;font-size:11px;margin:-1px 2px 2px 2px;}
.page a.pagein:link,.page a.pagein:visited {background-color:#900;color:#fff;border:#900 1px solid;}