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

* { 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 !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; background:#fff; z-index:100; }
.logo {width:60%; height:1rem; padding:0.08rem 0 0.08rem 0.08rem; float: left;}
.logo a { display:block; height:0.7rem; max-width:100%; float: left;}
.logo img { display:block; height:0.7rem; max-width:100%;}
.tel{width:40%;height:.85rem;color:#fff;float: right;padding:0.15rem .1rem 0.08rem 0.08rem;text-align: right;}
.tel span{display: block;color:#ff8500;}
.tel a{color:#0056a6;display: block;font-weight: bold;}

/* 广告位 */
.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.18rem; height:0.18rem;  background:url(../images/banner_tip.png) no-repeat;background-size:0.18rem;
margin:0 0.06rem; }
.banner .tip span.cur {background:url(../images/banner_cur.png) no-repeat;background-size:0.18rem;width:0.18rem; height:0.18rem;  }

/*inav*/
.inav{ width:100%; height:.8rem;background: linear-gradient(#025fa2, #003d80);}
.inav .idx{width:20%;float: left;height:.8re;background: linear-gradient(#ecc20a, #e96017);}
.inav .idx a{width:100%;height:.8rem;display: block;color:#fff;text-align: center;}
.inav .idx a span{width:100%;height:.4rem;display: block;color:#fff;text-align: center;font-size:0.2rem;}
.inav .idx a .tb{background:url(../images/too-home.png) center no-repeat;background-size:0.3rem;}
.inav ul{ width:80%;float: right;height:.8rem;}
.inav li{width:33%; float:left;height:.4rem;}
.inav li a{width:80%;height:.4rem;text-align:center; display:block; color:#fff; font-size:0.2rem; line-height: .4rem;margin:0 auto;}

/*公用标题*/
.tit{ width:100%; height:.45rem; background: linear-gradient(#f2f2f2, #e6e6e6); }
.tit span{ width: auto; font-size:.18rem; display:block; padding-right:.1rem; float: left; height: .45rem;color: #fff; line-height: .45rem; padding-left:.26rem; background: linear-gradient(#ecc309, #e95e17);}
.tit em{ width: auto; padding-left:.4rem;font-size:.16rem; display:block;height: .45rem;line-height: .45rem;  float: left;font-style: normal;color:#999999;
background:url(../images/lanmu.png) left no-repeat; background-size: .45rem;}
.tit .more{ float: right; padding-right: .1rem; display: block;line-height: .45rem;font-size:.16rem;}



.ipro{width: 100%;margin-top:0.16rem;}
.ipro .tod{width:100%;margin:.1rem 0rem;}
.ipro .tod li {width: 30.3%;float: left;margin: 0% 0% 1% 2.25%;}
.ipro .tod li a {width: 100%;display: block;border: 0.02rem solid #e6e6e6;background: #e6e6e6;color:#015396;}
.ipro .tod li a.cur {background: #e6e6e6;color: #fff;}
.ipro .tod li img {width: 100%;display: block;}
.ipro .tod li span{width:100%;height:0.4rem;font-size: 0.16rem;line-height: 0.4rem;text-align: center; display: block;}
.ipro .tod li a:hover{border: 0.02rem solid #015396;color:#fff;background: #015396;}


/*公用标题*/
.icase .tit{ width:100%; height:.45rem; background: linear-gradient(#f2f2f2, #e6e6e6); }
.icase .tit span{ width: auto; font-size:.18rem; display:block; padding-right:.1rem; float: left; height: .45rem;color: #fff; line-height: .45rem; padding-left:.26rem; 
background: linear-gradient(#025fa2, #003d80);}
.icase .tit em{ width: auto; padding-left:.4rem;font-size:.16rem; display:block;height: .45rem;line-height: .45rem;  float: left;font-style: normal;
background:url(../images/lanmu_l.png) left no-repeat; background-size: .45rem;}
.icase .tit .more{ float: right; padding-right: .1rem; display: block;line-height: .45rem;font-size:.14rem;}
.icase .tod {width: 100%;margin-top:0.16rem;}
.icase .tod li {width: 30.3%;float: left;margin: 0% 0% 2% 2.25%;border: 0.02rem solid #999999;}
.icase .tod li a {width: 100%;display: block;}
.icase .tod li a.cur {background: #fa4800;color: #fff;}
.icase .tod li img {width: 100%;display: block;height: 1.26rem;}
.icase .tod li .case_name{height:.78rem;width:100%;background: #ebebeb;}
.icase .tod li b { display:block; height:.35rem; line-height:.35rem;  color: #999999;width: 100%;text-align: center;position: relative;z-index: 9;font-weight: normal;}
.icase .tod li .lx{position: absolute;top:.35rem;left:0;height:.02rem;background: #999999;width:.3rem;z-index: 10;}
.icase .tod li .rx{position: absolute;top:.35rem;right:0;height:.02rem;background: #999999;width:.3rem;z-index: 10;}
.icase .tod li span{width:.34rem;height:.38rem;background:url(../images/case_liu.png) no-repeat; background-size: .34rem;;display: block;margin:0 auto;
text-align: center;line-height: .4rem;color:#fff;}

.iabout{width:100%;margin:0.16rem 0;background:#02589b;height:auto;overflow: hidden;padding:.2rem 0rem;}
.iabout .wd{font-size: 0.18rem;text-align: left;color:#000;margin:0.16rem 2%;line-height: 0.32rem;}
.iabout .wd img{width:40%;display: block;margin-left:0.16rem;float: right;}
.iabout .wd {color:#fff;line-height:.32rem;font-size: 0.16rem;}
.iabout .ihead{width:96%;height:.5rem;margin:0 auto;}
.about_x{width:30%;height:.5rem;float: left;}
.iabout .ihead .about_x i{color:#ff8400;display: block;float: left;font-size: 0.55rem;height:.5rem;line-height: .5rem;font-style:normal;}
.iabout .ihead .about_x span{color:#fff;display: block;font-size: 0.18rem;height:.24rem;color:#fff;}
.about_y{width:70%;height:.5rem;float: right;}
.about_y .more{ float: right;display: block;line-height: .44rem;color:#fff;height:.44rem;}
.about_y span{width:100%;height:.06rem;background:url(../images/about_x.png) bottom;display: block;margin-top:.44rem;}

/*inews*/
.inews{margin-top:3%;}
.inews li .img{background: #fff;float:left; width:1rem; height:1.2rem;position: relative;}
.inews li i{ display: block;background: #ebebeb ;height:1.2rem;width:.2rem;float: left;}
.inews li .news_bai1{width:1rem;display: block;height:.6rem;display: block;background: #ff8400;color:#fff;text-align: center;line-height:.6rem;}
.inews li .news_bai2{width:1rem;display: block;height:.6rem;display: block;background: #02589b;color:#fff;text-align: center;line-height:.6rem;font-size:.24rem;}
.inews li .img:before{ content:"";width:.24rem; height: .24rem; right:0; top:0;  display:block;position:absolute; z-index: 20; 
width: 0;height: 0;border-top:.24rem solid #02589b;border-left:.24rem solid transparent;  }
.inews li{ width:96%; margin-right: 5% ;height:1.4rem; padding-top:2%; line-height:.3rem; margin:0 2%;  
background: #fff;}
.inews li a{display: block; width: 100%; height: 1.2rem;background: #ebebeb;}
.inews li em{ display: block; font-style: normal;color:#626262;border-top:.02rem dotted #626262; font-size:.16rem;}
.inews li h2{color:#333333; font-style: normal; font-size:.18rem; font-weight:bold;height:.6rem;line-height:.6rem;position: relative;}
.inews li h2 b{color:#fff;width:.2rem; height: .2rem; right:0; top:0;  display:block;position:absolute; z-index: 20;background: #02589b;
text-align: center;line-height: .2rem;}
.inews li:hover h2{color:#02589b; }

* searcher */
.searcher input{  -webkit-appearance: none; }
.searcher { width:80%; height:.5rem; position:relative; margin:.2rem auto;}
.searcher .inf { width:96%; height:.5rem; margin:0 auto; background:#3d1709; box-shadow:0 .01rem .05rem rgba(0,0,0,0.3) inset; position:relative; overflow:hidden; }
.searcher .txt { width:74%; height:.5rem; border:0; background:none; color:#727272;float: left; font-size:1em; background:#f0eeee; border:.02rem solid #cccccc;
text-indent:.01rem;margin-right:5%;text-indent:1em;}
.searcher .submit { width:20%; height:.5rem; border:0; cursor:pointer;background:#02589b;background-size:.26rem;float: left;line-height: .5rem;color:#fff;}


/*goTop*/
.footer { text-align:center; padding:0 0.32rem 2%; font-size:0.18rem; margin:0.3rem 0 0 0;}
.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%; border: 0.02rem solid #015396;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; }

/* 图文列表 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.15rem; padding:0.08rem 0 0.08rem 1.44rem; position:relative; border-bottom:1px dotted #015396; }
.list-case .item figure { display:block; width:1.28rem; height:.96rem; position:absolute; left:0; top:0.08rem; border:1px solid #015396;  }
.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 #015396; }
.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 #015396; }
.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; 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:#02589b; width:100%; height:0.64rem; z-index: 90;}
.toolbar .list { width:100%; }
.toolbar .list dd { float:left; width:25%; text-align:center;border-left: 0.02rem solid #016dc2; }
.toolbar .list a { display:block; color:#FFF; height:0.64rem; line-height:0.11rem; font-size:0.19rem }
.toolbar .list dd:active { background:#016dc2; }
.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; }
.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:#015396; 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.38rem; line-height:0.38rem; padding:0 0.08rem; margin:0 0 2% 2%; 
border:1px solid #015396; text-align:center; }
.menu .list a { display:block; font-size:0.19rem; }
.menu .list dd:active, .menu .list dd.current { background:#015396; }
.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 #0056a6; 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:#0056a6; 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; }
[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; }
}


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