@charset "utf-8";
/* CSS Document */

body , div , ul , li , p , img , form , input , select , option , h3 , label , table ,tbody , th , td , tr , dl , dt ,dd , span , button ,h1{ padding: 0; margin: 0; }
body { color: #333;min-width:320px;
  max-width:768px; width:100%; font-size: 1.3rem;
  font-family:"Helvetica Neue",Helvetica,"Hiragino Sans GB","Microsoft YaHei","΢ÈíÑźÚ",Arial,sans-serif; background-color:#fff; line-height:2; margin:0 auto}
a{ text-decoration: none; color: #333; hide-focus: expression( this.hideFocus=true ); outline: none; }
img{ border: none; }
ul li{ list-style: none; }
input,button,select,textarea{ outline: none; }

input[type=text], input[type=button], input[type=submit], input[type=reset],select{
  -webkit-appearance:none;
  outline:none; border-radius:0; -webkit-border-radius:0;
}
.clear{ clear:both}
.fl{ float:left;}
.fr{ float:right;}
a,button,input{
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-tap-highlight-color: transparent; /* For some Androids */
}

@media screen and (min-width:320px){html{font-size:62.5%}/*10px */}
@media screen and (min-width:360px){html{font-size:70.3125%}/*12px */}
@media screen and (min-width:375px){html{font-size:73.2424875%}/*12px */}
@media screen and (min-width:400px){html{font-size:78.125%}/*12.5px */}
@media screen and (min-width:414px){html{font-size:80.86%}/*12.5px */}
@media screen and (min-width:480px){html{font-size:93.75%}/*15px*/}
@media screen and (min-width:568px){html{font-size:111%}}
@media screen and (min-width:640px){html{font-size:125%}/*20px */}
@media screen and (min-width:720px){html{font-size:137.5%}/*22px */}
@media screen and (min-width:768px){html{font-size:150%}/*24px */}
@media screen and (min-width:1024px){html{font-size:180%}/*24px */}
@media screen and (orientation:landscape){html{font-size:150%}/*24px */}
/* 公共部分结束 */


/* 字体图标 CSS */
@font-face {font-family: "iconfont";
  src: url('../font/iconfont.eot'); /* IE9*/
  src: url('../font/iconfont.eot?#iefix') format('rembedded-opentype'), /* IE6-IE8 */
  url('../font/iconfont.woff') format('woff'), /* chrome、firefox */
  url('../font/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('../font/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {
  font-family:"iconfont" !important;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
/* 字体图标 CSS END */


/* main CSS */



/* 手机端head页面样式 */
.nyhead{ border-bottom: 1px solid #fff; height:5rem; position: relative;background-color:#f00707; width: 100%; font-family: "微软雅黑"; color: #FFF; }
.back{ position:absolute; left:0; top:0; z-index:1; margin-left:0.6rem;}
.nyhome{ position:absolute; right:0; top:0;z-index:2; margin-right:0.6rem;}
.nyhome a{ overflow: hidden; color: #fff; }
.back a{overflow: hidden; color: #fff; }
.nyhead h3{ text-align: center; color: #fff; text-shadow: 0 1px 1px #673816; -moz-text-shadow: 0 1px 1px #673816; -ms-text-shadow: 0 1px 1px #673816; -o-text-shadow: 0 1px 1px #673816; -webkit-text-shadow: 0 1px 1px #673816; font: 1.6rem/4.8rem "微软雅黑";  font-weight:bold; width:100%; }
.nyhead div {  font: 2.2rem/4.8rem "微软雅黑"; }

/* 手机端head页面样式 END */


/* 面板代码 */
#pageslide { display: none; position:fixed; top: 0; height: 100%; overflow:auto; z-index: 999999; background:#3c3c44; width: 14rem; color: #363636; }
#modal { display: none;}
#modal ul li .yijlb{ display: block; position:relative; border-bottom: 1px solid #444; color: #fff; font: 1.4rem/4rem "微软雅黑"; overflow:hidden; padding: 0 1.5rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
#modal ul li  strong{ font-size: 1.6rem; color: #fff;}
#modal ul li.hover ul a{ background:transparent; display: block;}
#modal ul li ul li a{ border-bottom: 1px solid #3c3c44; color: #999; display: block; padding: 0 1.5rem; font: normal 1.2rem/3.5rem "微软雅黑"; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
#modal ul li ul{ display:none; padding:0; background-color: #2d2d34;}
a.enter{ color: #999;
  font-size: 1.1rem;
  height: 4rem;
  position: absolute;
  right: 0;
  text-align: center;
  transform: rotate(-90deg); -webkit-transform: rotate(-90deg);
  width: 4rem;}
/* 面板代码END */

/*footfix 样式*/
.footfix {background-color:#f00707; bottom: 0; height: 6rem; left:50%; position: fixed; width: 100%; z-index: 9999; max-width:768px;-webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%) ; -moz-transform: translateX(-50%);transform:translateX(-50%);padding: 0.5rem 0;}
.footfix ul li { float: left; height: 6rem; text-align: center; width: 25%; }
.footfix ul li a { display: block; height:5rem; margin-top:0.8rem; color:#fff; border-right: 1px solid #eee;}
.footfix ul li:last-child a{ border: 0;}
.footfix ul li a i.iconfont { display:block; font:2rem "微软雅黑"; margin-bottom:0.26rem; color:#fff;}
.footfix ul li a span {font: 1.3rem "微软雅黑"; color:#fff;}
.footfix ul li:last-child a{ border-right:0;}
.footfix ul li:first-child a{ border-left:0;}
.footfix ul li:last-child a i{ font-size: 2.4rem;
  height: 2.3rem;
  line-height: 2rem;}
/*footfix 样式 END*/

/* 内页list 样式 */
.site{ line-height: 3.2rem; border-bottom: 1px solid #dfe0e2; padding-left:0.5rem; margin-bottom: 2rem;}
.site a:first-of-type{ color: #333; font-weight: bold;}
.list{ clear:both}
.list h3{ font-size: 1.8rem; font-weight: normal; line-height: 6.2rem; padding-left: 0.25rem;}
.list ul li{ width: 33.333%; float: left; text-align: center;  box-sizing: border-box; padding: 0 0.25rem 0.25rem; line-height: 3.2rem;  position:relative}
.list ul li a{ display: block; background-color: #333; color: #fff; width: 100%; height: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.list ul li a span{ display:block; width:6.9rem; padding:0 0.2rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.list ul li a:active{ background-color: #333 ;}
.listico{ position:absolute; top:0; right:0.25rem; height:1.6rem; padding:0.8rem 0 ;}
.list ul li em {
  display:block;
  font-size: 0.9rem; color:#fff; width:2rem; text-align:center; height:1.6rem; line-height:1.6rem;  border-left:1px solid #555; position:relative
}
.list ul li em:after{ position:absolute; left:-2px; top:50%; margin-top:-0.8rem; width:1px; height:1.6rem; background-color:#000; content:""}

.list ul li.on em, .list ul li:active em{ border-color:#fff;}
.list ul li.on em:after, .list ul li:active em:after{ background-color:#fff;}

.list ul li ul{ display: none;}
.list ul li.on a{ background-color: #f00707;}
.list ul{ padding-bottom: 2rem;}
.list ul ul{ position:absolute; left:0; top:3.2rem; width:100%; z-index:2}
.list ul ul li{ float:none; width:auto; padding:0; border-top:1px solid #555; line-height:2.8rem; margin:0 0.25rem; font-size:1.2rem}
.list ul li.on ul li{border-color:#fff}
/* 内页list 样式 end */


/* info 样式 */
.nycenter{ padding: 2rem 1rem 9rem;}
.info{ padding: 0 0.25rem;margin-top: 2rem;}
.info img{display: block;}
/* info 样式 end */

/* gbook 样式 */
#GBookAdd input[type="text"]{ border: 1px solid #ccc; line-height: 3.2rem; width: 100%; box-sizing: border-box; padding: 0 1rem; font-size: 1.3rem; margin-bottom: 0.5rem; font-family: "微软雅黑";}
#GBookAdd input[type="text"]:focus{ border-color: #333;}
#GBookAdd  textarea{ border: 1px solid #ccc; padding:1rem; box-sizing: border-box; width: 100%; font-size: 1.3rem; font-family: "微软雅黑";}
#GBookAdd  textarea:focus{ border-color: #333;}
#GBookAdd input[type="submit"], #GBookAdd input[type="reset"]{ width: 48%; background-color: #333; line-height: 3.2rem; color: #fff; border: 0; box-sizing: border-box;font-size: 1.2rem;margin-top: 1rem;}
#GBookAdd input[type="submit"]{ background-color: #333 ;color:#fff ;}
#GBookAdd li{position: relative;}
#GBookAdd font{position: absolute;right: 0.3rem;top: 0.3rem;line-height: 3.2rem;}
.neiye-gbook ul{ border-top: 1px solid #dfe0e2; padding-top:1.5rem; margin-top:2rem;}
.neiye-gbook ul li{ padding: 1rem; margin-bottom: 1rem; background-color: #fff;}
.neiye-gbook ul li b:nth-of-type(2){ color: #333;}
.neiye-gbook ul li span{ color: #999; font-size:1.2rem; line-height: 1.4rem; display: block; padding-bottom: 1rem; }
.lynr{ padding: 1rem; border:1px solid #eff0f4;}
.hfnr{ background-color: #eff0f4;  padding: 1rem;}

/* gbook 样式 end */

/* 加载 css */
.newsmore {
  background: #333 none repeat scroll 0 0;
  color: #fff;
  display: block;
  font-size:1.3rem;
  height: 3rem;
  line-height: 3rem;
  text-align: center;
}
.newsmore em{ font-size: 1.4rem; display: inline-block; margin-right: 1rem;}
.newsmore.over{ background-color: #999;}
.newsmore.over em{ transform: rotate(-180deg); -webkit-transform: rotate(-180deg);}
/* 加载 css End */

/* 内页产品列表样式 css */
.nypro{ overflow: hidden;margin-top: 2rem;}
.nypro li {
  box-sizing: border-box;
  float: left;
  line-height: 3.2rem;
  padding: 0 0.5rem 0.5rem;
  width: 50%;
}
.nypro li img {
  display: block;
  width: 100%; box-sizing: border-box;
  height: 100px;
}
.nypro li a:hover, .nypro li a:active{
  color: #333;
}

.nypro li span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.nypro li a:hover, .nypro li a:active{ color: #333; text-decoration: none;}
/* 加载 css */


/* 产品详细页 css */
.xxypage{ padding-top: 0.5rem; border-top: 1px solid #dfe0e2; margin-top: 1rem;}
.xxypage a{ display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.click{ padding-bottom:2rem}
.about_title{ line-height: 3rem; font-size: 1.8rem; padding-bottom: 00rem;}
/* 产品详细页 css end*/

/* 新闻列表页 css */
.nynew a.nynewlj{ height:8.5rem; display: block; background-color: #fff; -webkit-box-shadow: 0 0 5px #cfd0d7;  box-shadow: 0 0 5px #cfd0d7; margin-bottom: 1rem; box-sizing: border-box; padding: 0.5rem;margin-top: 2rem;}
.nynew a.nynewlj:hover, .nynew a.nynewlj:active{ background-color: #eff0f4;}
.nynew a.nynewlj:hover dl h3, .nynew a.nynewlj:active  dl h3{ color: #333;}
.nynew dl{ height: 6.5rem; overflow: hidden;padding: 0.5rem 0;}
.nynew dl h3{ font-size: 1.4rem; line-height: 2rem; padding-bottom:0rem; color:#333; max-height: 4rem; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.nynew dl p{ font-size: 1.2rem; color: #555;line-height: 1.8;height: 4.32rem;overflow: hidden;}
.nynew dl dt{ float: left; height: 6.5rem; width: auto; padding-right: 1rem;}
.nynew dl dt img{ display: block; height:6.5rem;}
.nynew dl p em{ font-style: normal; color: #000; display: inline-block; padding-right: 1rem;}
.nynew dl dd{max-height: 6.5rem;}
.nynew dl dd .info{font-size: 1.3rem;line-height: 1.2;height:4.68rem;overflow: hidden;margin-top: 0;}
/* 新闻列表页 css end*/

.nyvideo{width: 100%;height: 22rem;}
.online{margin: 4rem 1rem 0;padding: 1rem;position: relative;border: 1px solid #dcdcdc;}
.online .title b{display: block;font-size: 4.5vw;color: #333;border-bottom: 3px solid #fff;text-align: center;}
.online ul{margin-top: 1.5rem;}
.online ul li{margin: 0.5rem 0;border: 1px solid #dcdcdc;padding: 0.4rem 0;position: relative;}
.online ul li input{font-size: 1.2rem;line-height: 1.6rem;width: 100%;background-color: transparent;border: none;font-family: "微软雅黑";text-indent: 1rem;}
.online ul li textarea{font-size: 1.2rem;line-height: 1.6rem;width: 100%;background-color: transparent;border: none;font-family: "微软雅黑";text-indent: 1rem;height: 3.2rem;}
.online ul li:nth-last-child(2){border: none;text-align: left;}
.online ul li:last-child{border: none;text-align: center;}
.online ul li:last-child input{width: 30%;display: inline-block;text-indent: 0;background-color: #f00707;color: #fff;line-height: 2.4rem;border-radius: 0.5rem;margin: 0 5%;}
.online ul li:last-child input:nth-child(2){background-color: #333;}
.online font{position: absolute;right: 0;top: 1.2rem;line-height: 1;color: red;}

.guangg img{display: block;width: 100%;margin: 2rem auto;}


.nytitle{overflow: hidden;}
.nytitle a{display: block;width: 30%;float: left;margin-right: 2%;border-radius: 1rem;line-height: 2rem;background-color: #999;text-align: center;color: #333;}
.nytitle a.act{background-color: #6c0613;color: #fff;}

.news dl{color:#fff;overflow:hidden;padding:0.5rem;margin: 0.5rem 0;}
.news dl:last-child{border-bottom:none;}
.news dl:first-child{border-top:none;}
.news dl dt{margin-bottom:0.2rem; font-size:1.2rem;line-height:1.5;font-weight: bold;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;float: none;height: auto;color: #333;}
.news dl a{color:#333;}
.news dl dd{overflow:hidden; line-height:1.5;color:#666;font-size:1.2rem;margin: 0.5rem 0;height: 3.6rem;}
.news dl dd span{display:inline-block; line-height:1.5;margin-right:0.5rem; color:#fff;background-color: #666 ;width: 1.8rem;height: 1.8rem; text-align: center;border-radius: 0.3rem;}
.news dl dt span{ display:inline-block; font-size:1.2rem; line-height:1.5; margin-right:0.5rem;color:#fff;background-color: #333;text-align: center;border-radius: 0.3rem;width: 1.8rem;height: 1.8rem;}


.know{padding: 2rem 0;}
.know .text{color: #333;padding: 1rem;line-height: 1;}
.know .text h3{font-size: 1.6rem;color: #333;}
.know .text .message{font-size: 1.2rem;color: #666;line-height: 1.5;margin:1rem 0;}
.know .text .line{background-color:#333 ;height: 0.15rem;width: 3rem;margin-top: 1.5rem;}
.know .message_r{margin-top: 1rem;position: relative;padding: 2rem 0 0;background-color: #ddd;}
.know .message_r h3{font-size: 1.4rem;text-align: center;color: #666;line-height: 2.4rem;}
.know .message_r ul{margin: 2rem auto 0;width: 80%;padding-bottom: 1.5rem;}
.know .message_r ul li{margin: 0.5rem 0.5rem;position: relative;}
.know .message_r ul li span{position: absolute;left: 0;top: 0;width:15%;white-space: nowrap;font-size: 1.2rem;line-height: 2.4rem;color: #666;}
.know .message_r ul li input{width: 79%;margin-left: 17%;font-size: 1.2rem;line-height: 1.5;padding: 0.3rem 2%;text-align: right;background-color:#fff;border: none;color: #999;}
.know .message_r ul li .sex{margin-left: 17%;overflow: hidden;height: 2.6rem;}
.know .message_r ul li .sex label{width: 48%;display: block;float: left;position: relative;}
.know .message_r ul li .sex label:nth-child(2){float: right;}
.know .message_r ul li .sex label input{opacity: 0;height: 2.4rem;width: 100%;position: absolute;top: 0;left: 0;z-index: 99;padding: 0;margin: 0;}
.know .message_r ul li .sex label em{background-color: #fff;font-size: 1.2rem;line-height: 2.4rem;color: #666;display: block;text-align: center;font-style: normal;}
.know .message_r ul li .sex label em.on{border: 1px solid #c0b5b5;background: #fff url(../images/three.png) right bottom no-repeat;background-size: 0.8rem;}
.know .message_r ul li a{display: block;width: 100%;background-color: #333;color: #fff;text-align: center;line-height: 3rem;margin: 1.2rem auto 0;font-size: 1.2rem;}
.know .cd-modal{color: #333;display: none;background-color: #eff0f4;margin-top: 1.5rem;}
.know .cd-modal .title{font-size: 1.4rem;color: #333;line-height: 3.2rem;text-align: center;}
.know .cd-modal ol{padding: 1rem 0.5rem;background-color: #ddd;}
.know .cd-modal li{line-height: 1.5;font-size: 1.2rem;padding: 0.5rem 0;color: #666;}
.know .cd-modal li span{color: #333;}
ol,ul,li {list-style:none;}

.tool_qa{border-top: 1px solid #666;padding: 1rem 0 1rem;}
.tool_qa .title{text-align: center;font-size: 1.4rem;color: #666;}
.tool_qa .bg_1,.tool_qa .bg_2{overflow: hidden;}
.tool_qa .bg_1{background-color: #ddd;}
.tool_qa .bg_1 div,.tool_qa .bg_2 div{float: left;width: 50%;text-align: center;}


.info_map{margin: 0 1rem;}
.info_map li{border-bottom: 1px dashed #333;padding-bottom: 0.5rem;line-height: 1.5;margin-top: 1rem;}
.info_map li a{font-size: 1.4rem;color:#333;display: block;}
.info_map li ul{margin-top: 0.2rem;}
.info_map li ul a{font-size: 1.2rem;color:#333;}
.info_map li ul li{border-bottom: none;padding-bottom: 0;margin-top: 0;}

.info img{ max-width: 100% !important; height: auto !important;}
.prony .list{margin: 0 0;}
.prony .list:after{display: table;content: '';clear: both;}
.prony .list li{float:left ;width: 50%;padding:0 0.5rem;box-sizing: border-box;padding-bottom: 50%;position: relative;height: 0;}
.prony .list li a{display: block;position: relative;width: 100%;height: 0;padding-bottom: 100%;}
.prony .list li img{display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.producticon a{color: #f00707;}