/***********************************
 *** 全局初始化
 **********************************/

* { margin:0; padding:0; -webkit-tap-highlight-color:rgba(0,0,0,0); box-sizing:border-box; }
a, a:link, a:visited, a:hover, a:active { color:#666; text-decoration:none; }
html { min-height:100%; }
body { width:100%; min-height:100%; max-width:640px; min-width:320px;
  margin:0 auto; font:0.19rem/1.5 "Microsoft Yahei"; color:#333; background:#fff; padding:1rem 0 0.64rem  0!important; }
img { border:0px; }
h1, h2, h3, h4, h5, h6, h7 { font-size:0.19rem; }
ul, ol { list-style-type:none; }
input,button,select,textarea { outline:none; font-family:"Microsoft Yahei"; font-size:0.19rem; -webkit-appearance:none !important; }
table { border-collapse:collapse; border-spacing:0; }
.clearfix:after { content:""; display:block; clear:both; width:100%; height:0; line-height:0; font-size:0; }
.jingFormat img{max-width:100% !important; margin:0 auto; display:block; height:auto !important;}
/***********************************
 *** 网站风格
 **********************************/

.header { width:100%; height:1rem; position:fixed; left:0; top:0;  z-index:999; background: #fff; 
border-top: .06rem solid #00b156;}
.header .zi {float: left;font-size: 0.16rem;color: #333333;border-left: 1px solid #c1c1c1;height: 0.48rem;line-height: 0.24rem;padding-left: 0.08rem;text-align: left;margin-top: 0.16rem;}
.header .zi span {color: #333333;display: block;}
.header .tel1 {float: right;    margin-right:2%;margin-top: 0.3rem;
  padding-left: .4rem;background:url(../images/tel.png) left center no-repeat;
  background-size:.3rem;}
.header .tel1 h4 {font-size: 0.24rem;font-weight: 700;line-height: 1.6;color: #ff7e00;font-family: "Arial";}
.header .tel1 h4 a{color: #ff7e00;}
.logo { height:0.84rem; padding:0.16rem 0 0.08rem 0.08rem; width:2.4rem; float: left; max-width:38%;}
.logo img { display:block;  width:130%; padding-top:10px; }
.shownav { position:absolute; right:0; top:0; width:0.64rem; height:0.64rem; background:url(../images/nav.png) center center no-repeat; background-size:0.4rem; }
.shownav.hover {  }
.nav { width:1.76rem; position:absolute; right:0; top:0.64rem; background:#FFF; box-shadow:-0.03rem 0.03rem 0.08rem rgba(0,0,0,.1); display:none; }
.nav .list { width:100%; }
.nav .list dd { height:0.56rem; line-height:0.56rem; text-align:center; border-top:1px solid #ddd; }
.nav .list dd:first-child { border-top:0; }
.nav .list a { display:block; font-size:0.21rem; color:#1e82e0; }
.nav .list dd:active { background:#e1f6ef; border-top-color:#e1f6ef; }
.nav .list dd:active + dd { border-top-color:#e1f6ef; }
.nav .list dd:active a { background:url(../images/arrow-right.png) 1.52rem center no-repeat; background-size:0.1rem; }

/*公用标题*/
.itit{width: 1.7rem;display:block;  float: left; height: 0.45rem;line-height: 1.2; position: relative;
  color: #007c40;  padding-left:0.46rem; background: #fff;text-align: left; }
.tit span{  font-size:0.3rem;   }
.tit em{ display: block;font-style: normal;font-size: .18rem;font-weight: normal;color: #00b156;}
.tit em i{font-style: normal; color: #00b156;display: block;width: .27rem;height: 0.4rem;
  line-height: 1;position: absolute;top: 0;left: 0;font-size: 0.56rem;font-weight: normal;} 
.tit .more{ height: 0.5rem;   line-height: .7rem;    text-transform: uppercase;    float: right;    
  padding-right: 0.1rem;    color: #002a5a;    font-size: 0.18rem;    background: #fff;    display: block;    width: 1rem;    text-align: center;}

.ihead { height:0.55rem; line-height:0.27rem;margin:0.2rem 0; position: relative;}
.ihead h2 { font-size:0.3rem; color:#009443; font-weight:400; width:1.7rem;position:relative; font-weight: 700; text-align: center;    margin: 0 auto;
height: 0.48rem;}
.ihead h2 span em{font-style: normal;color: #cc2222;}
.ihead h2 b{ color: #d1d1d1;display: block;font-weight: normal;font-size: 0.22rem;}
.ihead:before,.ihead:after{  border-bottom: 1px solid #b2e7cc;   content: "";  height: 0.27rem;  overflow: hidden;  position: absolute;  top: 0;  width: 26%; z-index: -1; }
.ihead:before{ left: 0%;}
.ihead:after{right:0%;}
.ihead i.i1,.ihead i.i2{ border-bottom: 0.1rem solid #b2e7cc;  height: 0.1rem;  overflow: hidden; 
  position: absolute;  top: 0.21rem;  width: 0.1rem; z-index: -1; border-radius: 60%;}
.ihead i.i1{ left: 25%;}
.ihead i.i2{right:25%;}
/*inav*/
.inav1{ width:100%;  background: #00b156; }
.inav1 ul{ }
.inav1 .index{height:0.38rem;width:0.44rem;display:block;
  text-align:center;line-height:30px;color:#fffa00;position:relative;float:left;}
.inav1 li{width:33%;float:left;  }
.inav1 li a{width:100%;text-align:center;  display:block; color:#fff; font-weight:400; font-size:0.22rem;padding: 0 5%;
  height: 0.68rem;line-height: 0.68rem;margin: 0 auto;
}
.inav1 li a:hover,.inav1 li a.hover{background: #008d49;border: 1px solid #04db6d;}

.inav .list { width:100%; padding-top:0.06rem;margin-bottom: 2%; }
.inav .list dd { float:left; width:29.3%;margin: 1.5% 2%;  font-size:0.2rem;}
.inav .list a { display:block; position:relative;text-align: center; color: #565656;height: 0.5rem;
  line-height: 1.9;font-size: .22rem;border: 3px solid #00b156;}
.inav .list a:hover,.inav .list a.hover{background-color: #00b156;color: #fff;}


.ipro .tod{margin: 2%; }
.ipro .tod ul{ }
.ipro .tod li{float: left;background-color: #00b156;width: 49.9%;height: 1.65rem;position: relative;
}
.ipro .tod li img{width: 100%;}
.ipro .tod li .san{position: absolute;  display: block;top:38%;left: -.2rem;  
  width:0;     height:0;     border-top:.2rem solid transparent;
    border-bottom:.2rem solid transparent; 
    border-right:.2rem solid #00b156;
}
.ipro .tod li.r_san .san{left: auto;right: -0.2rem;z-index: 10;
width:0; 
    height:0; 
    border-top: .2rem solid transparent;
    border-bottom: .2rem solid transparent;
    border-left:  .2rem solid #00b156;border-right: 0;} 
.ipro .tod li .cover1{background: #00b156;  color: #fff;padding:9% 12% 0 12%;}
.ipro .tod .cover1 span{color: #fff;font-size: 0.16rem;display: block;line-height: 2;margin-bottom: .16rem;
background:url(../images/icon2.png) left bottom no-repeat;background-size: auto 2px;}
.ipro .tod .cover1 span a{ color: #fff;font-size: .22rem;}
.ipro .tod .cover1  p{ line-height: 1.6;}

.iteam { width:100%;margin-top: 3%;padding-bottom: 0.24rem;}
.iteam .ihead h2:before { background:url(../images/ico-2.png) center center no-repeat #fff; background-size:0.48rem; }
.iteam .list { padding:3% 0 1% 0; }
.iteam .list dd { width:auto; padding:0 2%; }
.iteam .list dd:active { background:#f1f1f1; }

.iteam .list figure { display:block; width:1.28rem; height:1.28rem; border-radius:50%; position:absolute; left:0; top:0.08rem; border:1px solid #78d8ba;  background:#f1f1f1; }
.iteam .list h3 { font-size:0.22rem; padding:0.04rem 0 0.04rem; font-weight:400; color:#333; }
.iteam .list p {  }

/*iabout*/
.iabout .list {margin: 0 2%;}
.iabout .list p{font-size: .22rem;}
.iabout h3,.iabout p{ }

.inews .tod{margin: 3% 0;}
.inews .list { padding:2% 2% 3%;background:url(../images/icon3.png) center bottom repeat-x; 
background-size:auto 3.32rem ;}
.inews .list dd { width:50%; padding:0 2%; margin-bottom:2%; float: left;text-align: center; 
position: relative;}
.inews .list dd:before{ position: absolute;content:'';display: block;    width: 1.7rem;
    height: 1.7rem;    background-color: #FF7E00;
    border-radius: 100%;    top: 3.3%;    left: 12.4%;}
.inews .list dd:active::after{ position: absolute;content:'';display: block;    top: 3.3%;
    left: 12.4%;  width:1.7rem;   height:.85rem;   border-radius:.85rem .85rem 0 0;
   background:#FF7E00;z-index: 1;}
.inews .list dd:active::before{ background: #fff;}
.inews .list dd:active { background: none; }
.inews .list dd:active figure{ border-color: #fff; /* border: 3px solid #fff; */}
.inews .list dd:active p{color: #a9ffd3; } 
.inews .list a.li { display:block;  padding:2rem .2rem .2rem .2rem; position:relative; }
.inews .list a.detail{ border: 1px solid #fff; font-size: .2rem;display: inline-block;text-align: center;
width: 1.14rem;height: .36rem;color: #fff;line-height: 1.8;}
.inews .list figure { display:block; width:1.6rem; height:1.6rem; border-radius:50%; position:absolute;
  left:12%; top:.2rem; border:none;  background:#009f52; }
.inews .list h3 { font-size:.2rem; padding:0 0 .05rem; font-weight:700;color: #fff;text-align: center; 
    background: url(../images/icon5.png) center bottom no-repeat;line-height: 2;margin-bottom: .2rem;
    background-size: auto 2px;}
.inews .list p { height:.85rem; overflow:hidden;color: #fff; font-size: .2rem;text-align: left;}

.icontact{}
.icontact .tod{margin: 0 2%;}
.icontact .tod li{ font-size: .22rem;color: #424242;padding-left: .56rem;min-height:.5rem;line-height: 1.8;
margin: .1rem 0;border-bottom: 1px dotted #dcdcdc;    padding-bottom: .12rem;}
.icontact .tod li span{font-size: .24rem;color: #00b156; }
.icontact .tod .ico1{background: url(../images/icon6.png) left top no-repeat;
background-size: .46rem; }
.icontact .tod .ico2{background: url(../images/icon6_2.png) left top no-repeat;
background-size: .46rem; }
.icontact .tod .ico2 a{background: url(../images/icon7.png) left top no-repeat;
background-size: 1.2rem; display: inline-block;width: 1.21rem;height: .31rem;line-height: 1.6;color: #fff; text-align: right;
font-size: .2rem;padding-right: .1rem;}
.icontact .tod .ico3{background: url(../images/icon6_3.png) left top no-repeat;
background-size: .46rem; }
.icontact .tod .ico4{background: url(../images/icon6_4.png) left top no-repeat;
background-size: .46rem; }
.icontact .tod .ico5{background: url(../images/icon6_5.png) left top no-repeat;
background-size: .46rem; }


/*goTop*/
.goTop{ position:relative; width:100%; height:.4rem; line-height:.29rem; }
.goTop:before{width:100%; height:1px; display:block; content:"\20"; position:absolute; left:0; top:50%;  background:#1e82e0;}
.goTop a{ font-size: 0.20rem;width:.8rem; height:.4rem;line-height: .4rem; background:#1e82e0; color:#fff; position:absolute; top:0px; left:57%; margin-left:-0.72rem; text-align:center; }

.footer { text-align:center; padding:0.32rem 2%; font-size:0.19rem;background-size: 100%;color: #333333; }
.footer a{color: #333333;}
.BMap_bubble_content{font-size: .12rem;line-height: .16rem;}
/***********************************
 *** 网站内容
 **********************************/

.wrapper { width:100%; }

/* 图片列表 */
.list-product { width:100%; }
.list-product .list { padding:2% 0 0; }
.list-product .item { float:left; width:47%; margin:0 0 0 2%; }
.list-product .item figure { display:block; width:100%; height:auto; padding-bottom:75%; }
.list-product .item span { display:block; height:0.56rem; line-height:0.56rem; text-align:center; font-size:0.21rem; }

/* 图文列表 1:1 */
.list-case { width:100%; }
.list-case .list { padding:0 0 3% 0; }
.list-case .item { width:auto; padding:0 2%; }
.list-case .item:active { background:#f1f1f1; }
.list-case .item a { display:block; height:1.44rem; padding:0.08rem 0 0.08rem 1.44rem; 
  position:relative; border-bottom:1px dotted #b2e7cc; }
.list-case .item figure { display:block; width:1.28rem; height:1.28rem; border-radius:50%; 
  position:absolute; left:0; top:0.08rem; border:1px solid #ff7e00;  }
.list-case .item h3 { font-size:0.22rem; padding:0.04rem 0 0.04rem; font-weight:400; color:#333; }
.list-case .item p { opacity:0.7; }

/* 图文列表2 4:3 */
.list-case2 { width:100%; }
.list-case2 .list { padding:0 0 3% 0; }
.list-case2 .item { width:auto; padding:0 2%; }
.list-case2 .item:active { background:#f1f1f1; }
.list-case2 .item a { display:block; height:1.28rem; padding:0.16rem 0 0.16rem 1.2rem; position:relative; border-bottom:1px dotted #1e82e0; }
.list-case2 .item figure {border-radius: 50%; display:block; width:0.96rem; height:0.96rem; position:absolute; left:0; top:0.16rem; }
.list-case2 .item h3 { font-size:0.22rem; margin-bottom:0.04rem; font-weight:400; color:#333; }
.list-case2 .item p { opacity:0.7; }

/* 标题列表 */
.list-news { width:100%; }
.list-news .list { padding:0 0 3% 0; }
.list-news .item { width:auto; padding:0 2%; }
.list-news .item:active { background:#f1f1f1; }
.list-news .item a { display:block; height:0.64rem; line-height:0.64rem; border-bottom:1px dotted #1e82e0; }
.list-news .item h3 { font-size:0.21rem; font-weight:400; color:#333; }

/* 文字组列表 */
.list-news2 { width:100%; }
.list-news2 .list { padding:0 0 3% 0; }
.list-news2 .item { width:auto; padding:0 2%; }
.list-news2 .item:active { background:#f1f1f1; }
.list-news2 .item a { display:block; height:1.28rem; padding:0.16rem 0; position:relative;
  border-bottom:1px dotted #b2e7cc; }
.list-news2 .item h3 { font-size:0.22rem; margin-bottom:0.04rem; font-weight:400; color:#333; }
.list-news2 .item p { opacity:0.7; }

/* 图文详情 */
.product-view { width:100%; height:auto; overflow:hidden; }
.product-view img { display:block; width:100%; }
.product-content { }
.product-content h1 { padding:0.16rem 2% 0; font-size:0.28rem; text-align:center; }



/***********************************
 *** 通用组件类
 **********************************/
 
/* 工具栏 */
.toolbar { position:fixed; left:0; bottom:0; background:#00b156; width:100%; height:0.64rem; z-index: 999;}
.toolbar .list { width:100%; }
.toolbar .list dd { float:left; width:25%; text-align:center; }
.toolbar .list a { display:block; color:#FFF; height:0.64rem; line-height:0.11rem; font-size:0.19rem }
.toolbar .list dd:active { background:#ff7e00 url(../images/icon8.png) center center no-repeat; background-size:cover; }
.toolbar .list a:before { content:''; display:block; width:0.4rem; height:0.4rem; background:#333; margin:0 auto 0.03rem; position:relative; }
.toolbar .list a.too-home:before { background:url(../images/too-home.png) center center no-repeat; background-size:0.32rem; }
.toolbar .list a.too-map:before { background:url(../images/too-map.png) center center no-repeat; background-size:0.32rem; }
.toolbar .list a.too-tel:before { background:url(../images/too-tel.png) center center no-repeat; background-size:0.32rem; }
.toolbar .list a.too-qiao:before { background:url(../images/too-qiao.png) center center no-repeat; background-size:0.32rem; }

/* 广告位 */

.banner { width:100%; overflow:hidden; position:relative; }
.banner .list { float:left; width:500%; }
.banner .list li { float:left; width:20%; }
.banner .list img { display:block; width:100%; }
.banner .tip { width:100%; line-height:0; text-align:center; clear:both; display:none; position:absolute; left:0; bottom:.3rem; }
.banner .tip li { display:inline-block; width:.2rem; height:.2rem; background:#13a1ed; margin:0 .1rem; vertical-align:middle; border-radius:50%; }
.banner .tip li.active { background:#ff9000; }
/* 百度地图 */
.location { position:fixed; left:0; top:0.64rem; right:0; bottom:0; z-index:99; background:#fff; visibility:hidden; }
.location .map { position:absolute; top:0; left:0; bottom:0.8rem; right:0; z-index:97; }
.location .address { position:absolute; left:0; bottom:0; right:0; padding:0.16rem 0.16rem; background:#fff; z-index:98; box-shadow:0 -0.04rem 0.04rem rgba(0,0,0,.2); }
.location .address p { height:0.48rem; line-height:0.24rem; margin:0 0.64rem 0 0; overflow:hidden; opacity:.5; }
.location .close { position:absolute; right:0.16rem; bottom:0.16rem; width:0.48rem; height:0.48rem; text-align:center; font-size:0.32rem; z-index:99; background:url(../images/map-close.png) center center no-repeat; background-size:0.28rem; border:0.02rem solid #aaa; border-radius:50%;  }
.location .close:active { background:#f1f1f1; }
.BMap_bubble_title a { display:inline-block; height:0.48rem; line-height:0.48rem; padding:0 0.24rem; color:#FFF; background:#8ea8e0; border-radius:0.02rem; margin-bottom:0.04rem; font-size:0.22rem; }
.BMap_bubble_title a:hover { box-shadow:0 0 0 1000px rgba(0,0,0,0.2) inset; }

/* 栏目面包屑 */
.sitepath { height:0.56rem; line-height:0.56rem; background:#eee; position:relative; }
.sitepath h2 { margin:0 1.2rem 0 0.12rem; color:#333; font-size:0.22rem; font-weight:400; }
.sitepath .showmenu { position:absolute; right:0.12rem; top:0; color:#999; padding-right:0.32rem; display:none; }
.sitepath .showmenu:after { content:''; position:absolute; right:0; top:0.14rem; width:0.24rem; height:0.24rem; background:url(../images/arrow-down.png) center center no-repeat; background-size:0.2rem; margin-left:0.06rem; }
.sitepath .showmenu.current:after { transform:rotate(180deg); }

/* 栏目菜单 */
.menu { width:100%; display:none; }
.menu .list { width:100%; padding:2% 0 0; }
.menu .list dd { float:left; width:30.666666666666%; height:0.48rem; line-height:0.48rem;
  padding:0 0.08rem; margin:0 0 2% 2%; border:1px solid #ff7e00; border-radius:3px;
  text-align:center; }
.menu .list a { display:block; font-size:0.19rem; }
.menu .list dd:active, .menu .list dd.current { background:#ff7e00; }
.menu .list dd:active a, .menu .list dd.current a { color:#fff; }

/* 提交表单 */
#formPost { padding:4%; color:#666; overflow:hidden; }
#formPost li { margin-bottom:0.24rem; float:left; width:100%; font-size:1.2em; }
#formPost .txt, #formPost .text { width:100%; padding:0 3%; height:0.64rem; line-height:0.64rem; background:#FFF; border:0.02rem solid #aaa; border-radius:3px; }
#formPost .txt:focus, #formPost .text:focus { border-color:#fa6003; }
#formPost .text { height:1.92rem; line-height:0.24rem; padding:3%; }
#formPost .submit { width:100%; height:0.64rem; line-height:0.64rem; background:#fa6003; border:1px solid #d65303; border-radius:3px; font-size:0.22rem; color:#FFF; text-align:center; }
#formPost .submit:active { background:#e25500; }
#EG0phD8f { display:none !important; z-index:-10 !important; opacity:0 !important; visibility:hidden !important; -webkit-transform:scale(0,0); -moz-transform:scale(0,0); -ms-transform:scale(0,0); transform:scale(0,0); }
/* 内容格式化 */
[ig-article] { text-align:justify; padding:2%; font-size:0.21rem; line-height:1.8; }
[ig-article] img { max-width:100% !important; height:auto !important; display:block; margin:0 auto; }

/* 关联链接 */
[ig-link] { height: 0.8rem;width:96%; display:block; margin:0 auto 0.32rem; position:relative; top:0.32rem; overflow:hidden; }
[ig-link] .prev, [ig-link] .next { width:49%; height:0.56rem; line-height:0.56rem; text-align:center; border:0.02rem solid #ddd; background:#FFF; font-size:0.21rem; }
[ig-link] .next { position:absolute; right:0; top:0; }
[ig-link] a { display:block; height:0.56rem; }
[ig-link] div:active { background:#f1f1f1; }

/* 页面细节 */
[ig-hide] { display:none; }
[ig-cut] { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:break-all; }
[ig-load] { display:block; width:96%; height:0.64rem; line-height:0.64rem; text-align:center; background:none; margin:0 2% 0.16rem; opacity:0.5; background:#ddd; border-radius:3px; font-size:0.21rem;  display:none; }
[ig-load]:active { background:#999; }
[ig-null] { display:block; width:100%; height:0.64rem; line-height:0.64rem; overflow:hidden; opacity:0.5; }
.ig-hover { box-shadow:0 0 0 1000px rgba(0,0,0,0.05) inset; }
.pager { display:none; }
.api {  content:'4DD845D1BB619BEEFB641EC49A7D8735'; }


/***********************************
 *** 动画
 **********************************/

@keyframes show_smaller{
  0%{
    visibility:visible;
    opacity:0; 
    transform:scale(2,2);
  }
  100%{
    visibility:visible;
    opacity:1; 
    transform:scale(1,1);
  }
}
@keyframes hide_smaller{
  0%{
    visibility:visible;
    opacity:1; 
    transform:scale(1,1);
  }
  100%{
    visibility:visible;
    opacity:.5; 
    transform:scale(0,0);
  }
}




/***********************************
 *** 设备适配
 **********************************/

@media (min-width:700px){
  html { font-size:100px; }
} 
@media (max-width:700px){
  html { font-size:90px; }
}
@media (max-width:500px){
  html { font-size:80px; }
} 
@media (max-width:350px){
  html { font-size:70px; }
}


/***********************************
 *** 配色方案
 **********************************/