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

* { 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: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:auto; position:fixed; left:0; top:0; z-index:100; background:url(../images/topbg.gif) center repeat; }

.logo { height:.7rem;  padding-left: .1rem;margin-right:.64rem;  }
.logo a{width:40%; float: left; padding-top:.1rem}
.logo img { display:block; height:.48rem; max-width:100%; } 

.shownav {  position: absolute;right: 0; top: 0; width: .7rem;height: .7rem;background: #ff7e00 url(../images/icon.png) center center no-repeat;background-size: 3.62rem;background-position: .12rem .12rem;} 
.nav { width:1.76rem; position:absolute; right:0; top:.7rem; 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.5rem; line-height:0.5rem; 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:#6c6c6c; }
.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; }



.ihead{background-size: 6.4rem 1rem;background: #1a191b url("../images/titbg.gif") no-repeat scroll left top;color: #fff;height: .56rem; line-height: .56rem; margin: 3% 0;width: 100%;}
.ihead h2{ float: left;background: rgba(0, 0, 0, 0) url("../images/tith2bg.png") no-repeat scroll left center; font-size: .22rem;font-weight: bold;height: .6rem; line-height: .6rem; position: relative; text-align: center;top: -.04rem;width: 1.5rem;}
.ihead a{display: block;color:#fff;float: right;margin-right:2%;line-height:.56rem;}
.thead{text-align: center; color: #0e62b1;font-size: 0.16rem;margin-bottom: 1%;}
.thead a{width:31%;line-height: .5rem;color: #333;height:.5rem;font-size: .16rem;display: inline-block; margin: .08rem .02rem 0rem .04rem; 
background:url(../images/pro_a.png) center  no-repeat ; background-size:1.4rem .5rem}



.inav { width:100%; }
.inav .ihead h2:before { background:url(../images/ico-1.png) center center no-repeat #fff; background-size:0.48rem; }
.inav .lise { width:100%; }
.inav .lise dd { float:left; width:30.66666666%; margin:0 0 0 2%; text-align:center; }
.inav .lise a { display:block; }
.inav .lise figure { display:block; width:100%; height:auto; padding:0 0 100%;background:#f1f1f1; }
.inav .lise span { display:block; height:0.64rem; line-height:0.64rem; font-size:0.22rem; }

/*ipro*/
.ipro .tod {width: 100%;margin-top:0.16rem;}
.ipro .tod li {  float: left;margin: 0 0 1.5% 2.5%; width: 30%;}
.ipro .tod li a {color: #272728;display: block; line-height: .34rem;text-align: center;width: 100%;}
.ipro .tod li img {border: 1px solid #cdcdcd; display: block;margin: 0 auto;width: 100%;}
.ipro .tod li h3{}

/*case*/
.icase .tod {padding: 0 2% 2%;}
.icase li {border-bottom: 1px dotted #d9d9d9;height: 1.3rem;padding: .1rem 0;width: 100%;}
.icase li img {border-radius: 10px;float: left;height: 1.12rem;margin-right: 2%;width: 1.5rem;}
.icase li h3 {color: #2a2a2a;font-size: 16px;}
.icase li em { background: #fb8400 none repeat scroll 0 0;display: block;height:.02rem;margin: .05rem 0;overflow: hidden;width: .28rem;}
.icase li p {color: #8f8e8e;}

/*about*/
.iabout .tod{ padding: 0 2% 2%;} 
.iabout .tod .imgbg{position: relative; width:2.4rem; height:1.7rem; float: left; }
.iabout .tod .imgbg img {width:2rem; height:1.5rem; position: absolute;  left: -.2rem;top: -.2rem;}
.iabout .tod .imgbg span{display: block;background:#e2e2e2; width:2rem; height:1.5rem;left:.2rem; top:.2rem;position: relative;}
.iabout .tod p { line-height: 24px;}
.iabout .more a {background: url("../images/more.png") no-repeat center;display: block;height: .38rem;margin: 4% auto;width: 2.3rem; background-size: 2.3rem .37rem;}




/*news*/
.inews .tod{padding:0 2%}
.inews .tod .imgbg{position: relative;width:1.78rem; height:1.38rem; float: left;  top: .2rem;  margin-right: .1rem;}
.inews .tod .imgbg span{position: relative;display: block;width:1.66rem; height:1.16rem; border-left:.05rem solid #000; border-bottom:.05rem solid #000}
.inews .tod .imgbg span img{width:1.64rem; height:1.23rem;position: absolute;top: -.2rem;left: .05rem;}
.inews .tod .news1 h4{color:#333}
.inews .tod .news1 em{font-style:normal}
.inews .tod ul{margin-top:.1rem}
.inews .tod  li{ border-bottom:1px dotted #dbdbdb; height: .4rem;}
.inews .tod  li a{padding-left:.2rem; float: left; display: block;background:url(../images/li_icon.gif) center left no-repeat #fff; line-height: .39rem;}
.inews .tod  li span{display: block; float: right; font-size:.15rem; line-height: .35rem;}

/*底部导航*/
.subnav{width:100%; height:1rem; margin-top:.2rem}
.navlist1{ width:96%; height:1rem;  float:right;background: #329900;margin:0 2%; }
.navlist1 li{ width:33.3%; text-align:center; float:left;  background-size:2px 65px;border-top: 1px solid #3ebd01;border-right: 1px solid #3ebd01; height:.5rem}
.navlist1 a{width:100%; height:.5rem; line-height:.5rem; text-align:center; display:block;color: #fff;}
.navlist1 a:hover{  background:url(../images/sub_hover.jpg) no-repeat center ;color:#fff; }
.subnav ul li:nth-child(3n+0){border-right:none}

/*搜索框*/
.searcher{background:#212021; height:.68rem; width:100%; padding:3% 4%}
.searcher .txt{ float:left;line-height:0.38rem;height: 0.42rem;width: 70%;text-indent: 0.08rem; border:none; background:#fff;color: #333; font-size: 0.16rem; }
.searcher .submit{background:url(../images/search.gif) center no-repeat; width:30%; height:.42rem; background-size:1.15rem .42rem; float: right;border:none;}

/*goTop*/
.goTop{ position:relative; width:100%; height:1rem; line-height:0.23rem; margin:0.4rem 0;}
.goTop:before{width:100%; height:1px; display:block; content:"\20"; position:absolute; left:0; top:50%;  background:#99999a;}
.goTop a{ font-size: 0.18rem;width:2rem; height:1rem;line-height: 1rem; background-size:1.7rem 1rem; background:url(../images/top.gif) center no-repeat;color:#333333; position:absolute; top:0px; left:35%; margin-left:-.34rem; text-align:center;}

.footer { text-align:center; padding:0 0.32rem 10%; font-size:0.19rem; }
.footer a{color: #333;}




/***********************************
 *** 网站内容
 **********************************/

.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%; margin-top:.1rem; background:#fa7101 }
.list-product .item figure { display:block; width:100%; height:auto; padding-bottom:75%; }
.list-product .item span { display:block; height:.4rem; line-height:.4rem; text-align:center; font-size:0.18rem;color:#fff; }


/* 图文列表 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 h3:active { color:#ff9600; } 
.list-case .item a { display:block; height:1.15rem; padding:0.08rem 0 0.08rem 1.44rem; position:relative; border-bottom:1px dotted #ccc; }
.list-case .item figure { display:block; width:1.28rem; height:.96rem; position:absolute; left:0; top:0.08rem;  }

.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.44rem; position:relative; border-bottom:1px dotted #ccc; }
.list-case2 .item figure { display:block; width:1.28rem; 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 #0e62b1; }
.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 #ccc; }
.list-news2 .item h3 { font-size:0.22rem; margin-bottom:0.04rem; font-weight:400; color:#333; }
.list-news2 .item em{  background: #fb8400 none repeat scroll 0 0;display: block;height: .02rem;margin: .05rem 0;overflow: hidden;width: .28rem;}
.list-news2 .item p { opacity:0.7; line-height: .3rem;}

/* 图文详情 */
.product-view { width:100%; height:auto; overflow:hidden; }
.product-view img { display:block; max-width:100%; margin:0 auto;}
.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:url(../images/bottomNav.gif) center center no-repeat; width:100%; height:.8rem; background-size:100% }
.toolbar .list { width:100%; }
.toolbar .list dd:first-child{border-left:none}
.toolbar .list dd { float:left; width:25%; text-align:center;border-left: 0.02rem solid #fc9e03; }
.toolbar .list a { display:block; color:#FFF; height:.8rem; line-height:0.11rem; font-size:0.19rem;  }
.toolbar .list dd:active { background:#fa7101; }
.toolbar .list a:before { content:''; display:block; width:0.3rem; height:0.5rem;  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.3rem;padding-left: .1rem; }
.toolbar .list a.too-map:before { background:url(../images/too-map.png) center center no-repeat; background-size: 0.26rem .31rem;padding-left: .9rem;}
.toolbar .list a.too-tel:before { background:url(../images/too-tel.png) center center no-repeat; background-size:0.3rem; }
.toolbar .list a.too-qiao:before { background:url(../images/too-qiao.png) center center no-repeat; background-size:0.3rem; }

/* 广告位 */
.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:90%; height:0.16rem; line-height:0.16rem; text-align:center; clear:both; display:none; position:absolute; left:5%; bottom:.2rem; }
.banner .tip span { display:inline-block; vertical-align:middle; width:.34rem; height:.05rem;  background:#fbbb80;margin:0 0.06rem; vertical-align:middle;}
.banner .tip span.cur {background:#ffffff;width:0.34rem; height:.05rem;  }
.banner .bg{position: absolute;bottom:0;left: 0;width: 100%;height: 0.34rem; }



/*inav*/
.inav{ width:100%; margin-top:.3rem;height:2.8rem; padding:0 .1rem}
.inav ul{ width:100%;}
.inav li{width:33%; float:left;height:1.44rem;}
.inav li.hover{ margin-top:-0.02rem;}
.inav li a{width:100%;height:1.35rem;text-align:center; padding:0.08rem 0rem 0.24rem; display:block; color:#6b6b6b; font-size:0.16rem; background:url(../images/navbg.png) no-repeat center top; background-size:1.31rem 1.31rem;}

.inav li .navzw{font-weight: bold;display: block; font-size:.22rem; line-height: 1.1rem; color:#fff}
.inav li h1{ width:0.57rem; height:0.52rem; margin:0px auto;margin-top: 0.1rem; display:block; background:url(../images/nav_icon.png) no-repeat left center; background-size:5.92rem;}
.inav li:nth-child(1) h1{ background-position:-0.08rem center;}
.inav li:nth-child(3) h1{ background-position:-1.03rem center;}
.inav li:nth-child(2) h1{ background-position:-1.94rem center;}
.inav li:nth-child(4) h1{ background-position:-2.94rem center;}
.inav li:nth-child(5) h1{ background-position:-3.95rem center;}
.inav li:nth-child(6) h1{ background-position:-5rem center;}
/* 百度地图 */
.location { position:fixed; left:0; top:0; right:0; bottom:0; z-index:9999; background:#fff; visibility:hidden; }
.location .map { position:absolute; top:0; left:0; bottom:0.8rem; right:0; z-index:97; font-size:.20rem; line-height: .26rem;}
.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: .48rem; padding:0 0.24rem; color:#FFF; background:#ccc; 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 { border-bottom: 1px solid #ccc; height: .6rem;line-height: .6rem; position: relative;width: 100%;margin-top: .05rem;}
.sitepath h2 {color: #2a2a2a; font-size: .24rem;font-weight: bold;  padding-left: .1rem; width: 67%;}
.sitepath .showPanel {border-left: 1px solid #ccc; position: absolute; right: 0;top: 0; width: 1.5rem;text-align: center;}
.showPanel p { text-align: center;width: 100%;}
.showPanel .panel {background: #fff none repeat scroll 0 0;border-top:none;border: 1px solid #ccc;display: none; left:0;position: absolute;right: 0; top: .58rem; width: 100%; z-index: 99;}
.showPanel a { color: #333; display: block;font-size: 1em;height: 32px; line-height: 32px; width: 100%; text-align:center} 


/* 提交表单 */
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color:#999; }
input:-moz-placeholder, textarea:-moz-placeholder { color:#999; }
input::-moz-placeholder, textarea::-moz-placeholder { color:#999; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #999; } 
#formPost { padding:4%; overflow:hidden; }
#formPost li { margin-bottom:.2rem; float:left; width:100%; }
#formPost .txt, #formPost .text { width:100%; padding:0 3%; height:.8rem; line-height:.8rem; background:#fff; border:.02rem solid #ff7e00; color:#666;  border-radius:3px; }
#formPost .txt:focus, #formPost .text:focus { border-color:#ff7e00; }
#formPost .text { height:2rem; line-height:.3rem; padding:3%; }
#formPost .submit { width:100%; height:.7rem; line-height:.7rem; background:#ff7e00; border:none;border-radius:3px; font-size:.3rem; color:#fff; text-align:center; }
#formPost .submit:active { box-shadow:0 0 100rem rgba(0,0,0,.1) inset; }


/* 内容格式化 */
[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] { width:96%; display:block; margin:0 auto 0.32rem; position:relative; top:0.32rem; overflow:hidden;height: 0.8rem; }
[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:.2rem 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; }
}


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