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

* { 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:#464646; background:url(../images/top_bg.jpg); padding:.9rem 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:.9rem; position:fixed; left:0; top:0;  z-index:100; background:url(../images/top_bg.jpg);}
.logo {width:50%; height:.9rem; padding:0.08rem 0 0.08rem 0.08rem; float: left;}
.logo a { display:block; height:0.7rem; max-width:100%; float: left;padding-right:.2rem;}
.logo img { display:block; height:0.7rem; max-width:100%;}
.tel{width:50%;height:.85rem;color:#fff;float: right;padding:0.2rem .1rem 0.08rem 0.08rem;text-align: left;}
.tel span{display: block;color:#347b00;background:url(../images/tel.png) left center no-repeat; background-size:.2rem;padding-left:.24rem;}
.tel a{color:#ff8400;display: block;font-weight: bold; font-size:.24rem;}

/* 广告位 */
.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.20rem; line-height:0.18rem; text-align:center; clear:both; display:none; position:absolute; left:5%; bottom:0.08rem; }
.banner .tip span { display:inline-block; width:0.12rem; height:0.12rem;  background:#3a6d00;margin:0 0.06rem; }
.banner .tip span.cur {background:#ff9600;width:0.12rem; height:0.12rem;  }

/* searcher */
.searcher_w{width:100%;height:.8rem;background: #3d9100;}
.searcher input{  -webkit-appearance: none; }
.searcher { width:94%; height:.8rem; margin:0 auto;padding-top:.15rem;}
.searcher .inf {width:94%; height:.5rem; margin:0 auto; background:#3d1709; box-shadow:0 .01rem .05rem rgba(0,0,0,0.3) inset; overflow:hidden;}
.searcher .txt {width:80%; height:.5rem;color:#727272; font-size:1em; background:#f0eeee;text-indent:1em;border:0;float: left;}
.searcher .submit { width:20%; height:.5rem; border:0; cursor:pointer;line-height: .5rem;color:#fff;float: left;background: #ff9600;color:#fff;line-height:.46rem;}

/*inav*/
.inav{ width:100%;height:1rem;background:#3d9100;}
.inav .idx{width:25%;float: left;height:1re;}
.inav .idx a{width:.8rem;height:.8rem;display: block;color:#fff;text-align: center;background: #fe9900;margin:.1rem auto;border-radius:.1rem;}
.inav .idx a span{width:100%;height:.4rem;display: block;color:#fff;text-align: center;font-size:0.24rem;line-height:.4rem;}
.inav .idx a .tb{background:url(../images/too-home.png) bottom center no-repeat;background-size:0.36rem;}
.inav ul{ width:75%;float: right;height:.92rem;margin-top:.04rem;}
.inav li{width:33%; float:left;height:.46rem;}
.inav li a{width:80%;height:.46rem;text-align:center; display:block; color:#fff; font-size:0.2rem; line-height:.46rem;margin:0 auto;}
/*公用标题*/
.tit{ width:96%; height:.5rem;background:url(../images/lanmu_tit.jpg) bottom repeat-x;background-size:0.06rem;margin:0 auto;}
.tit span{ width: auto; font-size:.28rem; display:block;text-align: center; height: .3rem;color: #3d9100; line-height: .3rem; font-weight: bold;float: left;}
.tit em{ width: auto;font-size:.28rem; display:block;height: .3rem;line-height: .3rem;display: block;text-align: center;text-transform:uppercase;float: left;
font-style: normal;color:#ff8400;}
.tit a{display: block;width:20%;height:.3rem;background: #3d9100;color:#fff;float: right;text-align: center;font-size:.14rem;line-height:.3rem;margin-top:.1rem;}

.ipro{width: 100%;margin:0.3rem 0 .3rem 0;}
.ipro .pro_lm{width:100%;margin:.2rem 0;overflow: hidden;}
.ipro .pro_lm .pro_ej{width:22%;height:.5rem;margin:0 1.5% 0 1.5%;float: left;background: #210a3b;border: 0.02rem solid #644a51;border-radius:.06rem;}
.ipro .pro_lm .pro_ej a{display: block;height:.46;line-height:.46rem;color:#ad9268;text-align: center;background: #210a3b;border-radius:.06rem;}
.ipro .pro_lm .pro_ej a:hover{color:#ffe292;background: #44206a;}
.ipro .tod{width:95%;margin:.1rem auto;}
.ipro .tod li:nth-child(1){width:75%;float: left;}
.ipro .tod li:nth-child(2){width:24%;float: right;margin-bottom:1%;}
.ipro .tod li:nth-child(3){width:24%;float: right;margin-bottom:1%;}
.ipro .tod li:nth-child(4){width:24%;float: right;margin-bottom:1%;}
.ipro .tod li>a.pro_lj {width: 100%;display: block;background: #240b3f;}
.ipro .tod li img {width: 100%;display: block;border: 0.02rem solid #cccccc;}
.ipro .tod li a:hover img{border: 0.02rem solid #ff8502;}


/*公用标题*/
.icase{width:100%;}
.icase .tod{ width:98%; padding:0% 1%;overflow: hidden;}
.icase .tod li{ width:100%; float:left; margin:1% 1% 0% 1%;overflow:hidden;}
.icase .tod li a{ width:48%;float: left; display:block; overflow:hidden;color:#fff;margin:1%;}
.icase .tod li img{ width:48%; display:block; float: left;}
.icase .tod li:nth-child(1) h2{width:48%;background:#077407;display: block;float: left;}
.icase .tod li:nth-child(2) h2{width:48%;background:#0199f1;display: block;float: left;}
.icase .tod li:nth-child(3) h2{width:48%;background:#fe9900;display: block;float: left;}
.icase .tod li h2 span{width:80%;font-style: normal;text-align: center;text-align: right;display: block;height:50%;}
.icase .tod li h2 em{width:80%;font-style: normal;text-align: center;display: block;text-align: right;padding-right:.2rem;height:50%;position: relative;}
.icase .tod li h2 em:before{content:"";width: 0;height: 0;border-top:.18rem solid #fff;border-left:.18rem solid transparent; position: absolute;bottom:0em;right:0;}

.iabout{width:100%;margin:0.16rem 0;background:#3d9100;height:auto;overflow: hidden;padding:.2rem 0rem;}
.about_tit{width:100%;height:.4rem;font-size;.5rem;}
.about_tit span{text-align: center;color:#fff;display: block;width:100%;margin:0 auto;position: relative;height:.4rem;line-height: .4rem;font-weight: bold;}
.about_tit span:before{content:"";position: absolute;width:35%;display: block;height:.02rem;left:0;top:.19rem;background: #fff;}
.about_tit span:after{content:"";position: absolute;width:35%;display: block;height:.02rem;right:0;top:.19rem;background: #fff;}
.iabout .wd{font-size: 0.18rem;text-align: left;color:#000;margin:0.1rem 2%;line-height: 0.32rem;}
.iabout img{width:1.6rem;display: block;height:1.2rem;float: left;margin-right:.2rem;}
.iabout .wd {color:#fff;line-height:.26rem;font-size: 0.16rem;}

/*inews*/
.inews{padding-bottom:.3rem;}
.inews li .img{background: #fff;float:left; width:1.3rem; height:.98rem;margin-right:.2rem;}
.inews li .img img{display: block;width:1.3rem; height:.98rem;}
.inews li{ width:96%; margin-right: 5% ;height:1.2rem; padding-top:2%; line-height:.3rem; margin:0 2%;  border-bottom: 0.02rem dashed #3d9100;}
.inews li a{display: block; width: 100%; height: .98rem;}
.inews li em{ display: block; font-style: normal;color:#826e4f; font-size:.16rem;line-height:.29rem;height:.58rem; }
.inews li h2{color:#3d9100; font-style: normal; font-size:.18rem; font-weight:bold;height:.4rem;line-height:.4rem;}
.inews li em span{width:1.2rem;height:.36rem;line-height:.32rem;color:#ff8400;text-align: center;float: right;}


/*goTop*/
.footer { text-align:center; padding:0 0.32rem 2%; font-size:0.18rem; margin:0.3rem 0 0 0;color:#424242;}
.footer a{color: #424242;}




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

.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%; border: 0.02rem solid #3d9100;margin-top:.1rem;}
.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; color:#3d9100;}

/* 图文列表 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:#e2e2e2; }
.list-case .item a { display:block; height:1.15rem; padding:0.08rem 0 0.08rem 1.44rem; position:relative; border-bottom:1px dotted #3d9100; }
.list-case .item figure { display:block; width:1.28rem; height:.96rem; position:absolute; left:0; top:0.08rem; border:1px solid #3d9100;  }
.list-case .item h3 { font-size:0.22rem; padding:0.04rem 0 0.04rem; font-weight:400; color:#3d9100; }
.list-case .item p { color:#464646; }

/* 图文列表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:#44206a; }
.list-case2 .item a { display:block; height:1.28rem; padding:0.16rem 0 0.16rem 1.44rem; position:relative; border-bottom:1px dotted #3d9100; }
.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:#3d9100; }
.list-case2 .item p { color:#464646;}

/* 标题列表 */
.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:#e2e2e2; }
.list-news2 .item a { display:block; height:1.28rem; padding:0.16rem 0; position:relative; border-bottom:1px dotted #3d9100; }
.list-news2 .item h3 { font-size:0.22rem; margin-bottom:0.04rem; font-weight:400; color:#3d9100; }
.list-news2 .item p { color:#464646; }

/* 图文详情 */
.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:#3d9100; width:100%; height:0.64rem; z-index: 90;}
.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:#077407; }
.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; }


/* 百度地图 */
.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;color:#666;}
.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; }
#map{line-height: .20rem;}
.BMap_bubble_title a { display:inline-block; height:0.48rem; line-height:0.48rem; padding:0 0.24rem; color:#FFF; background:#3d9100; 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:#e2e2e2; position:relative;margin-bottom:.1rem;}
.sitepath h2 { margin:0 1.2rem 0 0.12rem; color:#3d9100; font-size:0.22rem; font-weight:400; }
.sitepath .showmenu { position:absolute; right:0.12rem; top:0; color:#3d9100; 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.38rem; line-height:0.38rem; padding:0 0.08rem; margin:0 0 2% 2%; 
border:1px solid #3d9100; text-align:center; background: #fff;}
.menu .list a { display:block; font-size:0.19rem; color:#3d9100;}
.menu .list dd:active, .menu .list dd.current { background:#3d9100; }
.menu .list dd:active a, .menu .list dd.current a { color:#fff; }

/* 提交表单 */
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 #3d9100; color:#666;  border-radius:3px; }
#formPost .txt:focus, #formPost .text:focus { border-color:#bc090b; }
#formPost .text { height:2rem; line-height:.3rem; padding:3%; }
#formPost .submit { width:100%; height:.8rem; line-height:.8rem; background:#3d9100; border:0 solid #e96f6f; 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.20rem; 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; color:#666;}
[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;
background:#3d9100; border-radius:3px; font-size:0.21rem;  display:none; color:#fff;}
[ig-load]:active { background:#077407; }
[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; }
}


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

