@charset "gb2312";
/* 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; width:100%; font-size: 1.3rem;
font-family:"Helvetica Neue",Helvetica,"Hiragino Sans GB","Microsoft YaHei","?￠èí??oú",Arial,sans-serif; background-color:#fff; line-height:2;
max-width:768px; 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('../images/iconfont.eot'); /* IE9*/
  src: url('../images/iconfont.eot?#iefix') format('rembedded-opentype'), /* IE6-IE8 */
  url('../images/iconfont.woff') format('woff'), /* chrome、firefox */
  url('../images/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('../images/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:#3187e4; 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;}
#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 "微软雅黑"; }
#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:#3187e4  ; 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: #3187e4 ;}
.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: #3187e4 ;}
.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; background-color: #eff0f4; padding-bottom:9rem;}
.info{ padding: 0 0.25rem;margin-top: 2rem;}
.info img{display: block;width:;}
/* 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;}
#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: #3187e4 ;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;
}
.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: 3.2rem; font-size: 2.4rem; padding-bottom: 0.6rem;}
/* 产品详细页 css end*/

/* 新闻列表页 css */
.nynew a.nynewlj{ height:9.3rem; 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: 7.3rem; overflow: hidden;padding: 0.5rem 0;}
.nynew dl h3{ font-size: 1.8rem; line-height: 2.4rem; padding-bottom:0.5rem; color:#333; max-height: 4.8rem; overflow: hidden;}
.nynew dl p{ font-size: 1.2rem; color: #555;}
.nynew dl dt{ float: left; height: 7.3rem; width: auto; padding-right: 1.5rem;}
.nynew dl dt img{ display: block; height:7.3rem;}
.nynew dl p em{ font-style: normal; color: #000; display: inline-block; padding-right: 1rem;}
.nynew dl dd{max-height: 7.3rem;}
/* 新闻列表页 css end*/

.nyvideo{width: 100%;height: 22rem;}

.online form{margin: 2rem 0 0;border: 1px solid #999;padding: 2rem 1rem 1rem;}
.online form .mtt img{display: block;width: 7rem;margin: 0 auto;}
.online form ul{}
.online form ul li{padding: 0.2rem 0;overflow: hidden;margin-top: 1rem;position: relative;color:#555 ;line-height: 1.5;}
.online form ul li .tt{position: absolute;left: 0;top: 0.2rem;width: 6rem;font-size: 1.2rem;text-align: right;}
.online form ul li .kuang{border: 1px solid #999999;margin-left: 7rem;padding: 0.2rem 0;}
.online form ul li .ctent{margin-left: 7rem;overflow: hidden;}
.online form ul li .ctent select{width: 48%;display: block;float: left;line-height: 1.5;font-size: 1.2rem;color:#555 ;background-color:transparent ;border: 1px solid #999999;padding: 0.2rem 0;text-align: left;}
.online form ul li .kuang input{display: block;width: 100%;line-height: 1.6rem; border: none;font-size: 1.2rem;text-indent: 1rem;color: #999999;background-color:transparent ;}
.online form ul li .kuang1{margin-right: 8rem;}
.online form ul li .sex{position: absolute;right: 0;top: 0.2rem;line-height: 1.5;}
.online form ul li .sex input{width: 1rem;display: inline-block;padding: 0 0.2rem;background-color:transparent ;}
.online form ul li .sex span{display: inline-block;padding: 0 0.2rem;font-size: 1.2rem;}
.online form ul li textarea{display: block;width: 99%;line-height: 1.6rem; border: none;font-size: 1.2rem;text-indent: 1rem;font-family: "微软雅黑";color: #999999;background-color:transparent ;}
.online .btnbox{border: none; text-align: left; margin-top: 1rem;margin-left: 7rem;}
.online .btnbox input{display:inline-block;width: 7rem;line-height: 2rem;font-size: 1.2rem;border: none; text-indent: 0; margin:0  1rem;background-color: #3187e4 ;color: #fff;}
.online .btnbox input.reset{background-color: #333;color: #fff;}

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

/*.online{background: url(../images/bg.jpg) center top;background-size: cover;padding: 1rem;}
.online .main{background-color: #f8981f                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       ;padding: 1rem;}
.online .main h3{font-size: 1.4rem;font-weight: bold;color: #fff;padding-bottom: 0.5rem;}
.online form{overflow: hidden;}
.online form label{position: relative;margin: 0.5rem 0;display: block;}
.online form input{display: block;width: 96%;line-height: 1.6rem; border: none;font-size: 1.2rem;text-indent: 1rem;color: #555;background-color: #fff;padding: 0.4rem 0;}
.online form font{display: block;position: absolute;right: 0;line-height: 2.4rem;top: 0;}
.online .btn{overflow: hidden;}
.online .btn input{display:inline-block;width: 9rem;line-height: 1.6rem;font-size: 1.2rem;border: none; text-indent: 0; margin:1rem 4% 1rem 0;background-color: #fff;color: #f8981f;float: right;}*/