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

* { 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:.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.png) no-repeat center top #fff; background-size:100% .9rem;}
.logo {width:40%; height:.9rem; padding:.12rem 0rem 0.08rem 2%; 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:55%; height:.8rem; line-height: .8rem; color:#fff;float: right;padding:.05rem 0rem 0.08rem 0.45rem;text-align: left;background: url(../images/top_tel.png) left no-repeat;
	background-size:.4rem; white-space:nowrap; margin:.09rem 2% 0 3%;
}
.tel a{color:#ff6a27;display: block;font-size:0.28rem;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.12rem; height:0.12rem;  margin:0 0.06rem;  border:.02rem solid #fff; background:none; border-radius: 50%;}
.banner .tip span.cur {background:#0067c6; width:0.1rem; height:0.1rem;  border-radius: 50%; border:none;}

/*inav*/
.inav{ width:100%; height:1rem;background:#0b61a4;}
.inav .idx{width:23%;float: left;height:1rem;}
.inav .idx a{width:.9rem; height:.75rem;display: block;color:#005bac;text-align: center; float: right; margin-top: .1rem; background: #fff;border-radius:.1rem;border: 0.02rem solid #0164d8;
 box-shadow:0 .06rem 0 0 #0e3870; 
}
.inav .idx a span{width:100%;height:.24rem;display: block;color:#005bac;text-align: center;font-size:0.26rem;line-height: .2rem;margin-top:.08rem;}
.inav .idx a span.tb{font-size:.24rem;}
.inav ul{ width:77%;float: right;height:1rem;}
.inav li{width:33.333%; float:left;height:.5rem; border-right: 1px solid #2f6eb8; border-bottom: 1px solid #2f6eb8;}
.inav li:nth-child(3n+0){ border-right:none; }
.inav li:hover{background:url(../images/inav_bg.png) left no-repeat;background-size:100% .5rem;}
.inav li a{width:100%;height:.5rem;text-align:center; display:block; color:#fff; font-size:0.22rem; line-height: .5rem;margin:0 auto;}
/*公用标题*/
.ititle{ width:100%; height:.6rem;margin:0 auto; color:#fff; padding-left:2%;
background: -moz-linear-gradient(top, #0067c6 0%,#134686 100%);
 background: -webkit-linear-gradient(top,  #0067c6 0%, #134686 100%);
}
.ititle>span{ width:2rem; font-size:.23rem; display:block; padding-left:.6rem; float: left; height: .6rem;color: #fff; line-height: .6rem; 
background:url(../images/ititle_bg.png) left no-repeat;background-size:2rem .6rem;}
.ititle>a.more1{ float: right;width:.7rem;height:.3rem;color:#fff; margin:.13rem 2% 0rem 0rem; display: block;line-height: .3rem;text-align: left; font-size:.2rem;
  background:url(../images/imore.png) right center no-repeat;background-size:auto .23rem;
}
/*ipro*/
.ipro{width: 100%;margin-top:0.16rem;background: #fff;}
.ipro .lmlist{width:100%;margin:.1rem 0;overflow: hidden;}
.ipro .lmlist dd{width: 30.3%;float: left;margin: 0% 0% 1% 2.25%; height:.4rem;}
.ipro .lmlist dd a{display: block;width:100%;height:.4rem;color:#fff;line-height:.4rem;background:url(../images/ipro_title1.png) repeat #0065cc; text-align: center; font-size:.22rem;}
.ipro .lmlist dd a:hover{display: block;background: rgba(0,101,204,.7);}
.ipro .tod{width:100%;margin:.1rem 0rem;}
.ipro .tod li {width: 30.3%;float: left;margin: 0% 0% 2% 2.25%;}
.ipro .tod li a {width: 100%;display: block;background: #fff;color:#0b61a4;}
.ipro .tod li a.cur {background: #e6e6e6;color: #fff;}
.ipro .tod li img {width: 100%;display: block;border:1px solid #cfcfcf; border-bottom:none;}
.ipro .tod li span{width:100%;height:0.4rem;font-size: 0.2rem;line-height: 0.4rem;text-align: center; display: block;border: 1px solid #cfcfcf; border-top:none;
position: relative;}
.ipro .tod li a:hover>span{background:url(../images/ipro_title.png) no-repeat;background-size:cover; color:#fff;}


/*公用标题*/
.icase{width:100%;background: #fff;}
.icase .tit span{ width: auto; font-size:.18rem; display:block; padding-left:.4rem; float: left; height: .45rem;color: #0b61a4; line-height: .45rem;
border-bottom: 0.02rem solid #f4031f;background:url(../images/case_tit.png) left no-repeat;background-size: .34rem;}
.icase .tod {width: 100%;margin-top:0.16rem;}
.icase .tod li {width: 47%;float: left;margin: 0% 0% 2% 2%;}
.icase .tod li a {width: 100%;display: block; position: relative;}
.icase .tod li a.cur {background: #fa4800;color: #fff;}
.icase .tod li img {width: 100%;display: block;}
.icase .tod li .case_name{height:.4rem;width:100%;background:url(../images/ipro_title1.png) repeat rgba(0,101,204,.7); margin:0 auto; position: absolute; bottom:0;}
.icase .tod li b { display:block; height:.4rem; line-height:.4rem; color: #fff;width: 100%;text-align: center; font-weight: normal; font-size:.22rem;
padding-left:.1rem;margin-bottom:1%;}
/*iabout*/
.iabout{width:100%;margin:0.3rem 0; background: url(../images/ipro_title1.png) repeat #0065cc; height:auto; padding:3% 0 2%;}
.iabout .tit span{ width: auto; font-size:.18rem; display:block; padding-left:.4rem; float: left; height: .45rem;color: #0b61a4; line-height: .45rem;
border-bottom: 0.02rem solid #f4031f;background:url(../images/about_tit.png) left no-repeat;background-size: .34rem;}
.iabout .wd{font-size: 0.18rem;text-align: left;color:#000;margin:0.16rem 2%;line-height: 0.32rem;}
.iabout .about_img{width:1.87rem;height:1.52rem;position: relative;float: left; margin-right: .08rem;}
.iabout .wd img{width:1.87rem;height:1.52rem;display: block;  position: absolute;z-index:21;}
.iabout .wd {color:#fff;line-height:.28rem;font-size: 0.19rem;}
.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;}
/*iabout_title*/
.iabout_title{ width:96%; height:.55rem;margin:0 auto; color:#fff; padding-left:2%;border-bottom:1px solid #fff;}
.iabout_title>span{ width:2rem; font-size:.24rem; display:block; padding-left:.3rem; float: left; height: .6rem;color: #fff; line-height: .6rem; font-weight: bold;
background:url(../images/iabout.png) left no-repeat;background-size:auto .22rem;}
.iabout_title>font{ font-size:.24rem; font-weight: bold; color:rgba(255,255,255,.2);  margin-left: -1.7rem;}
.iabout_title>a.more2{ float: right;width:.7rem;height:.3rem;color:#fff; margin:.13rem 2% 0rem 0rem; display: block;line-height: .3rem;text-align: left; font-size:.2rem;
  background:url(../images/imore.png) right center no-repeat;background-size:auto .23rem;
}
/*inews*/
.inews{margin:6% 0 0 0;}
.inews .tit span{ width: auto; font-size:.18rem; display:block; padding-left:.4rem; float: left; height: .45rem;color: #0b61a4; line-height: .45rem;
border-bottom: 0.02rem solid #f4031f;background:url(../images/news_tit.png) left no-repeat;background-size: .34rem;}
.inews .tod{width:100%;position: relative;}
.inews li .img{background: #cfcfcf;float:right; width:.6rem; height:.6rem;margin:.15rem .1rem .04rem .04rem; position: relative; }
.inews li .news_bai1{width:100%;display: block;height:.3rem;display: block;color:#fff;text-align: center;line-height:.34rem;font-size:.16rem; position: absolute; z-index:2; bottom:0;}
.inews li .news_bai2{width:100%;display: block;height:.3rem;display: block;color:#fff;text-align: center;line-height:.36rem;font-size:.36rem;font-weight: bold; position: absolute; z-index:2}
.inews li .img h6{ position: absolute; width:.5rem; height: .7rem; left:.2rem; bottom:0; border:1px solid #cfcfcf; position: absolute; z-index:1;}
.inews li{ width:100%;height:1rem; padding:2% 2% 0; line-height:.3rem;  background: #fff; border-bottom: 1px dotted #d0d0d0;}
.inews li a{display: block; width: 100%; height: .8rem;}
.inews li a img{float: left; width:.95rem; height: .71rem; margin-right:.1rem; margin-top:.05rem}
.inews li em{ display: block; font-style: normal;color:#5a5a5a; font-size:.16rem;}
.inews li h2{color:#313131; font-style: normal; font-size:.2rem; font-weight:bold; height:.45rem;line-height:.45rem;}

.top{width:1rem;height:.3rem;background: #004982;color:#fff;margin:0 auto;text-align: center;line-height:.3rem;cursor: pointer}

.ty{width:100%;height:.1rem;background: #fff;position: relative;}
.ty:before{content:"";width:2rem;height:.5rem;transform:rotate(-3deg);-ms-transform: rotate(-3deg);	-webkit-transform: rotate(-3deg);
-o-transform: rotate(-3deg);-moz-transform: rotate(-3deg);position: absolute;left:1%;bottom:.08rem;z-index:-1;
-moz-box-shadow: .1rem .1rem .05rem #D4D4D4; /* 老的 Firefox */box-shadow: .1rem .1rem .05rem #D4D4D4; }
.ty:after{content:"";width:2rem;height:.5rem;transform:rotate(3deg);-ms-transform: rotate(3deg);	-webkit-transform: rotate(3deg);
-o-transform: rotate(3deg);-moz-transform: rotate(3deg);position: absolute;right:1%;bottom:.08rem;z-index:-1;
-moz-box-shadow: -.1rem .1rem .05rem #D4D4D4; /* 老的 Firefox */box-shadow:-.1rem .1rem .05rem #D4D4D4; }

/* searcher */
.searcher_w{width:100%;height:.6rem;background: #0067c6; padding:0 0 0 2%; overflow: hidden; margin-top:5%;}
.searcher input{  -webkit-appearance: none; }
.searcher { width:55%; height:.6rem;padding-top:.05rem; float: left;}
.searcher .txt {width:80%; height:.5rem;color:#fff; font-size:1em; text-indent:1em;border:0;float: left; border:1px solid #fff; background:none; border-right:none;}
.searcher .submit { width:20%; height:.5rem; cursor:pointer;background:url(../images/sousuo.png) center no-repeat;background-size:.26rem;
line-height: .5rem;color:#fff;float: left; border:1px solid #fff; border-left:none;}
a.bt_index{float: right; width:43%; height:.6rem; line-height: .6rem; font-size:.2rem; background:url(../images/search2.png) no-repeat left bottom #ff6c02;
background-size:.2rem auto;  color:#fff; white-space:nowrap; text-align: center;
}

/*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 #cfcfcf;margin-top:.1rem;}
.list-product .item figure { display:block; width:100%; height:auto; padding-bottom:75%; }
.list-product .item span { display:block; height:0.5rem; line-height:0.5rem; 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 #12478f;  }
.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:#12478f; width:100%; height:0.7rem; z-index: 90; box-shadow:0 -.05rem 0 0 #0065cc;}
.toolbar .list { width:100%; }
.toolbar .list dd { float:left; width:25%; text-align:center;border-left: 0.02rem solid #2667a7; }
.toolbar .list dd:nth-of-type(1){border-left:none;}
.toolbar .list a { display:block; color:#FFF; height:0.7rem; line-height:0.17rem; 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.25rem; }
.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.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: .21rem;}
.BMap_bubble_title a { display:inline-block; height:0.42rem; line-height:0.42rem; 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 #12478f; text-align:center; }
.menu .list a { display:block; font-size:0.19rem; }
.menu .list dd:active, .menu .list dd.current { background:#12478f; }
.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:.6rem; line-height:.6rem; background:#fff; border:.02rem solid #0056a6; color:#666;  border-radius:3px; }
#formPost .txt:focus, #formPost .text:focus { border-color:#ff6a27; }
#formPost .text { height:2rem; line-height:.3rem; padding:3%; }
#formPost .submit { width:100%; height:.6rem; line-height:.6rem; 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; }
}


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