@import 'swiper.min.css';
/***********************************
 *** 全局初始化
 **********************************/
* { 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:#222222; text-decoration:none; }
html { min-height:100%; }
body { width:100%; min-height:100%; max-width:640px; min-width:320px; margin:0 auto; font:.24rem/1.5 "Microsoft Yahei"; 
  color:#222; background:#fff; padding:0 0 .62rem 0; }
img { border:0px; }
h1, h2, h3, h4, h5, h6, h7 { font-size:.24rem; }
ul, ol { list-style-type:none; }
input,button,select,textarea { outline:none; font-family:"Microsoft Yahei"; font-size:.24rem; -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; }
.fixed{    position: fixed; 
    left: 0;
    top: 0;
    right: 0;
    z-index: 10;}
.fh{padding-top: 1.2rem!important;}
/***********************************
 *** 网站风格
 **********************************/
/*header 头部*/
.header { position: relative; z-index: 10; border-top: 4px solid #1159a3;  }
.header .inner { height: 1rem; position: relative; overflow: hidden; }
.header .logo { position: relative; padding: .15rem; }
.header .logo img { display: block; height: .57rem; }
.header .tel { position: absolute; right: 0; top: 0; background: url(../images/header-tel.png) left center no-repeat; 
  background-size: .6rem; padding: .15rem .3rem .15rem .7rem; }
.header .tel h2 { line-height: .24rem; font-weight: normal; color: #464646; }
.header .tel h3 { line-height: .4rem; font-size: .32rem; font-weight: normal; color: #89bc43; }

.nav { position:fixed; right:0; left:0; top:2.7rem; z-index:9; box-shadow:0 2px 5px rgba(0,0,0,.1); display:none; }
.nav .list { border-top:1px solid #ddd; }
.nav .list dd { float:left; width:25%; position:relative; border-right:1px solid #ddd; border-bottom:1px solid #ddd; }
.nav .list dd:nth-child(4n) { border-right:0; }
.nav .list a { display:block; height:.7rem; line-height:.7rem; background:#fff; text-align:center; }
.nav .list a:active,
.nav .list dd.current a { background:#FFF; background-size:cover; color:#d7ab7c; }
 
.header.fixed + .nav,
.header.fixed + .nav + .searcher { top:1.2rem; }

.nav { position:fixed; right:0; left:0; top:0.6rem; z-index:9; box-shadow:0 2px 5px rgba(0,0,0,.1); display:none; }
.nav .list { border-top:1px solid #ddd; }
.nav .list dd { float:left; width:25%; position:relative; border-right:1px solid #ddd; border-bottom:1px solid #ddd; }
.nav .list dd:nth-child(4n) { border-right:0; }
.nav .list a { display:block; height:.7rem; line-height:.7rem; background:#fff; text-align:center; }
.nav .list a:active { background:#FFF; background-size:cover; color:#d9324c; }

/*searcher*/
 .searcher { position: relative; display: block; background: #fff; }
.searcher .head { position: relative; padding: .2rem 1rem .2rem .2rem; }
.searcher .txt { width: 100%; height: .7rem; border: 2px solid #1159a3; background: #fff; color: #666; padding: 0 0 0 .2rem; }
.searcher .submit { position: absolute; right: .2rem; top: .2rem; bottom: .2rem; border: 0; width: 1rem; 
  background: #1159a3 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RkM0MEU3QjBBQjUxMTFFOEJEODdGM0VEMzU1RENEOUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RkM0MEU3QjFBQjUxMTFFOEJEODdGM0VEMzU1RENEOUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGQzQwRTdBRUFCNTExMUU4QkQ4N0YzRUQzNTVEQ0Q5QiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGQzQwRTdBRkFCNTExMUU4QkQ4N0YzRUQzNTVEQ0Q5QiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pgy5DVQAAALySURBVHjarJdNSFRRFMffmF9jOkPWRGYtzKgsSqqVSNiiRRk02KbARTGIaYWLCKJN1KYkiGhRRPRFXwtdVJs2tinCKCmKIIs0U3NiKEmnsiBp+l84T/5c3ntzn/MO/HjvnXvOvf93Z96954YymYxlaJtBI1gOKsECMAVGwSfwCDwE45YfUwI8KAKHwNuMmaXBBVCTpd8ZvBp3g88Og/wFg+AxeAV+uog5m4uAU1pn38Fl0AgWa7HzwEZwDDzX8vpAhV8B3VonZ2QQy5BmkKL8cbDUVEAnJU6DJq291FCEEvyU+hoxEbBDe/O11LYODIg/6mM2HlB/3dkEpCl4G/lbyX8TFPsQEAJJyt/qJmC/y7+3RXyjoNrHwEwt9f3eTcAXCZgU1cpXJb5hUDjLwW26SMR6XUA9NV6ShnwwIb5YjoNbsjDZdp7b8rAYxmlhvCPXIhAFN8BXK3frBym536Ivxffps4uQumgAb87clXH+gDKegQrRMgTSpG0yx7cuBDF6fkmzW2M782RXU5a0grUjYBiUyPMEtZWzgCm5Lw1YwBoQpucCup9mAWNyvxIUByigQa72C66itg8swJ76uaAqoMFDYBF4Qr46uX6Tn2ZGQA8FxQMS0CnX43KNgNVy36d/hmXyCSp7F8DnVid9PSPfYVqImp2W4usU0JTD4Juonyitqr/Ep6qnOU4CllGi2g/CPgeOaVVUPbXdIv9Jr+34IgW+yDJgCTgBroAxyusFSyjuILUl9bd3qoj6KeGex0wspLjfoAfEtZgOLWa+SUkW0wqTAflTOYkI85pORKSAZVPr/3bTolQVHkNaB1f1fdyBSjlDpDzODXv0vJDLyUitiLfBTs3/EbyWjeWHxFWDDaAW5GuxKn8F6CJ/AlwzPRntcqj1s5k6zJwGBdRPmxbTanIyYhqkknlD33RGK7tVXZHwKN/atZyE10/gZeWycdnb7CAYAf8McjvAOXreawVc9ZhwgKdhNjMQhO0DR0HvfwEGAItl3UuOpRozAAAAAElFTkSuQmCC) center no-repeat;
  background-size: .4rem; border-radius: 0; color: #fff; }
.searcher .submit:active { box-shadow: 0 0 100rem rgba(0,0,0,.1) inset; }
.searcher .cancel { position: absolute; right: .2rem; top: .2rem; bottom: .2rem; width: 1rem; border: 0; color: #999; border-radius: .06rem; display: none; }
.searcher.fixed { position: fixed; left: 0; top: 0; right: 0; bottom: 0; background: #fff; z-index: 10; display: block; }
.searcher.fixed .head { background: #eee; }
.searcher.fixed .cancel { display: block; }

/*公用标题*/
/*inav*/
.inav { background:#1159a3; margin-top: .2rem; }
.inav .list { }
.inav .list dd { float:left; width:25%; position:relative;border-left: 1px solid #0c4c8d;border-bottom: 1px solid #0c4c8d;
    } 
.inav .list a { display:block;   line-height:1.2;padding: 12% 0;color:#fff; text-align:center;  }
.inav .list a i{display: block;font-style: normal;text-transform: uppercase;}
.inav .list dd:active a{   background: #89bc43;}
 
.fl{float: left;}             
.fr{float: right;}
 
.iheadx{position: relative;  line-height: 1.6;   text-align: center;
background:url(../images/itit.png) no-repeat center 0.8rem;
background-size:80%;}
.iheadx h1{font-size: 0.5rem;color: #222; font-weight: bold;} 
.iheadx p{display: block;width: 100%;font-size: 0.22rem;color: #3d3939; text-transform: uppercase; 
line-height: 1.6; margin-top: 0.3rem;}
.iheadx a.mo{ position: absolute;right: 0;top: 0.1rem;font-size: 0.14rem;color: #b2b4b5;display: block; }
.iheadx a.mo:hover{color: #0773ce;}

.ipro{ padding: 0.4rem 0;   } 
.ipro .tod{ margin-top: 0.3rem; width: 100%; }
.ipro .listpro{text-align: center;}
.ipro .listpro a{width: 30%;height: 0.6rem;line-height:.6rem;    background: #0c4c8d;
display: inline-block;font-size: 0.22rem;text-align: center; margin: 1%; 
text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color: #fff;}
.ipro .listpro a:hover,.ipro .listpro a:active{background: #89bc43;color: #fff; }

.ipro .tod a.detail{background: #ca0c0c;}
.ipro .tod ul{ margin-top: 0.4rem;}
.ipro .tod li{ width: 48%;position: relative;float: left; margin: 1%;overflow: hidden;box-shadow: 5px 5px 5px #eee;}
.ipro .tod figure{    
display: block;    width: 100%;    height: auto;    padding-bottom: 75%;    position: relative;    background: #fff;    overflow: hidden;
}
.ipro .tod li img{
position: absolute;    left: 0;    top: 0;    width: 100%;    min-height: 100%;
}
.ipro .tod .wd{ height: 1rem; padding-left: 0.1rem;}
.ipro .tod span{ }
.ipro .tod span a{ color: #1159a3;font-size: 0.24rem;display: block;line-height: 2.2;}
.ipro .tod p{ font-size: 0.22rem;color: #3e3e3e;line-height: 1.6;width: 80%;
text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.ipro .tod a.detail{display: block;position: absolute;right: 0.1rem;bottom: 0.4rem;width: 0.32rem;height: 0.32rem;
background: url(../images/san.png) no-repeat center;
background-size:contain;}
.ipro .tod li:hover {background: #115aa2;}
.ipro .tod li:hover span a,.ipro .tod li:hover p{color: #fff;}
 
.igaog{background:#115aa2;width: 100%; height: 2.2rem;
  padding-top:0.4rem;color: #fff; margin-top: 0.9rem;text-align: left;position: relative;}
.igaog .w{position: relative;}
.igaog .tu{ width: 40%;height: 3.4rem;position: absolute;left:2%;top: -1.2rem;}
.igaog .tu img{display: block;width: 100%;}
.igaog .fr{margin-top: 0.2rem;width: 56%;}
.igaog .telx{background: url(../images/igao_tel.png) left center no-repeat;
    background-size:contain ;
  padding-left: 0.8rem;line-height: 1.2;}
.igaog .telx span{display: block;font-size: 0.22rem;color: #fff;}
.igaog .telx h1{font-size: 0.3rem; }
.igaog .fr p{height: 0.46rem;line-height: 0.46rem; margin-right: 2%;text-align: center;color: #fff;background: #88bd42;
margin-top: 0.1rem;}

.icase{   padding: 0.6rem 0;  } 

.iphoto { background:#fff; padding:.2rem .2rem 0; }
.iphoto .inner { width:100%; overflow:hidden; background:#fff; }
.iphoto .list {  }
.iphoto .list .dd { position:relative; }
.iphoto .list img { display:block; width:100%; }
.iphoto .list h3 {    line-height:.6rem; color:#222; font-weight:normal;   overflow:hidden; 
  white-space:nowrap; text-overflow:ellipsis; text-align: center;  }
.iphoto .list p{ color: #747474;}
.iphoto .dots { text-align:center; line-height:.6rem; }
.iphoto .dots span { margin:0 .05rem; border-radius: 0;width: .4rem;height: .1rem;background: #0c4c8d;opacity: 1;}
.swiper-pagination-bullet-active{background: #89bc43!important;}

.icase .listx {    position:relative; }
.icase .listx li { float:left; width:48%;    background: #fff;  margin: 1%;margin-bottom: 0.2rem;
  }
.icase .listx .img { margin: 0 auto;width: 100%; overflow: hidden; }
.icase .listx .img>a{ }
.icase .listx figure{    
display: block;    width: 100%;    height: auto;    padding-bottom: 75%;    position: relative;    background: #fff;    overflow: hidden;
}
.icase .listx li img{
position: absolute;    left: 0;    top: 0;    width: 100%;    min-height: 100%;
}
.icase .listx h3 {     line-height:0.6rem;     text-align: center;font-weight: normal;}
.icase .listx h3 a{ color: #222;font-size: 0.24rem;  width: 100%;
  text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display: block; }
.icase .listx p {   }
.icase .listx p a.detail{display: block;color: #fff;  text-align: center;width: 1.4rem;height: 0.34rem;line-height: 0.34rem;
background: #cccccd;margin: 0 auto; margin: 0.08rem auto;font-size: 0.22rem;border-radius: 0.05rem;}


.iabout {background: url(../images/iabout.jpg) center top no-repeat; 
    background-size: cover;   padding: .3rem 0; width: 100%;height: 10.0rem; }
.ihead2{width: 60%;color: #0c4c8d;text-align: center;}
.ihead2 h1{font-size: .4rem;}
.ihead2 sapn{font-size: .3rem;}
.iabout .wd{ margin-top: 0.3rem;position: relative;padding: 0 2%;}
.iabout .zi>h2{font-size: 0.26rem;color: #222;font-weight: bold;margin-bottom: 0.1rem;text-align: center;}
.iabout .wd img{display: block; width: 100%;   }
.iabout .wd .zi{ font-size: 0.22rem; line-height: 1.8; }
.iabout .wd .description{ color: #fff; overflow: hidden;margin-top: .3rem;}
.iabout .wd .description h1{text-align: center;font-size: .3rem;color: #fff;}
.iabout .zix{text-align: center;} 
.iabout a.more{width: 2rem;height: .7rem;line-height: .7rem;color: #fff;margin: 0 auto;margin-top: 0.5rem;
text-align: center;background: #89bc43;display: block;}

/* inews */
.inews{   padding-top: 1.3rem;}

.inews .tod { width:90%;margin-top: 0.5rem;margin:0 auto;/* padding: 2% 0 2% 3%; */}
.inews .tod dd { padding:0 0 0.2rem 1.2rem;position:relative; height: 1.6rem;  margin-bottom: 0.2rem; 
  border-bottom: 0.01rem dashed #b6b6b6;
  transition:all .5s ease;} 
.inews .tod h3 { font-size:0.24rem; line-height:0.4rem;color:#222;   }
.inews .tod p { height:0.7rem; line-height:1.6; overflow:hidden; color:#aaa;padding-right: 2%;font-size: .22rem; } 
.inews .tod a {font-size: .3rem; text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width: 100%;display: block; }
.inews .tod .data{width: 1rem;height: 1.2rem;border: 0.02rem solid #aaa;position: absolute;left: 0;top: 0;line-height: 1;
text-align: center;}
.inews .tod .data b{font-size: 0.42rem;color: #676767;display: block;margin: 0.1rem 0;padding-bottom: .1rem	;}
.inews .tod .data em{font-style: normal;font-size: 0.22rem;color: #aaa;border-top: 0.01rem solid #aaa;padding: 0.1rem 0;}
.inews .tod dd:last-child{border: none;}
.inews .tod dd:hover{ }
.inews .tod dd:hover h3 a{ color:#1159a3; }
.inews .tod dd:hover .data{border-color: #1159a3;}
.inews .tod dd:hover .data b,.inews .tod dd:hover .data em{color: #1159a3;border-color: #1159a3;}
.inews .tod dd:hover img{ transform:scale(1.05,1.05); } 

 
.icontact { margin-bottom: .3rem; }
.ihead { height:.6rem; position:relative; margin:0 0 .4rem; border-bottom:1px solid #000000; text-align:center; }
.ihead h2 { height:.8rem; line-height:.8rem; font-size:.32rem; position:relative; top:0.2rem; text-align:center; display:inline-block; background:#FFF; padding:0 .4rem; }
.ihead h2:before, .ihead h2:after { content:''; width:.14rem; height:.14rem; background:#000000; position:absolute; top:50%; margin-top:-.08rem; transform:rotate(45deg); }
.ihead h2:before { left:0; }
.ihead h2:after { right:0; }

.icontact .list { padding: 0 .3rem;margin-top: .3rem; }
.icontact dd { position: relative; line-height: .4rem; padding: 2% 0 2% 1.9rem; }
.icontact a { display: block; }
.icontact label { position: absolute; left: 0; top: 0; line-height: .7rem; padding: 0 0 0 .6rem; }
.icontact label.name { background: url(../images/icontact-1.png) left center no-repeat; background-size: .5rem; }
.icontact label.qq { background: url(../images/icontact-2.png) left center no-repeat; background-size: .5rem; }
.icontact label.email { background: url(../images/icontact-3.png) left center no-repeat; background-size: .5rem; }
.icontact label.tel { background: url(../images/icontact-4.png) left center no-repeat; background-size: .5rem; }
.icontact label.mobile { background: url(../images/icontact-5.png) left center no-repeat; background-size: .5rem; }
.icontact label.address { background: url(../images/icontact-6.png) left center no-repeat; background-size: .5rem; }
.icontact .iqq { display: inline-block; vertical-align: middle; height: .4rem; line-height: .4rem; margin: 0 0 0 .2rem;
  background: url(../images/icontact-qq.png) .2rem center no-repeat #89bc43; background-size: .25rem; color: #fff; border-radius: 3px; padding: 0 .2rem 0 .6rem; }

.goTop{ position:relative; width:100%; height:.6rem; line-height:.6rem; margin-top:2%;}

.goTop a{ width:1.8rem; height:.6rem; background:#1159a3; color:#fff; position:absolute; top:0px; left:50%; margin-left:-.9rem; text-align:center;  }
 

.footer { background: #fff; color: #666; }
.copyright { padding: .2rem; line-height: .4rem; text-align: center; }


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

.wrapper { width:100%; background:none; box-shadow:0 1px 2px rgba(0,0,0,0); padding:0 0 .5rem; }

/* 图片列表 4:3 */
.list-product { width:100%; background:none; }
.list-product .list { padding:2% 0 3%; }
.list-product .item { float:left; width:47%; margin:0 0 0 2%; }
.list-product .item:active { }
.list-product .item a { display:block; }
.list-product .item figure { display:block; width:100%; height:auto; padding-bottom:75%; position:relative; background:#fff; overflow:hidden; }
.list-product .item img { position:absolute; left:0; top:0; width:100%; min-height:100%; }
.list-product .item h3 { height:.7rem; line-height:.7rem; font-size:.26rem; font-weight:400; text-align:center; }

/* 图片列表 3:4 */
.list-product2 { width:100%; }
.list-product2 .list { padding:2% 0; margin-bottom:3%; }
.list-product2 .item { float:left; width:47%; margin:0 0 0 2%; }
.list-product2 .item figure { display:block; width:100%; height:auto; padding-bottom:75%; position:relative; overflow:hidden; background:#eee; }
.list-product2 .item figure img { position:absolute; left:0; top:0; width:100%; min-height:100%; }
.list-product2 .item h3 { display:block; height:.7rem; line-height:.7rem; text-align:center; font-size:.26rem; font-weight:400; }

/* 图文列表 1:1 */
.list-case { width:100%; background:#fff; box-shadow:0 1px 2px rgba(0,0,0,0.1); padding-bottom:.5rem; }
.list-case .list { padding:2% 2% 3%; }
.list-case .item { width:auto; padding:0 2%; margin-bottom:2%; background:#441f12; }
.list-case .item:active { background:#f1f1f1; }
.list-case .item a { display:block; height:1.6rem; padding:.2rem .5rem .2rem 1.4rem; position:relative; }
.list-case .item a:before { content:''; width:.3rem; height:.50rem; background:url(../images/arrow-right-white.png) left center no-repeat; background-size:contain; position:absolute; right:0; top:50%; margin:-.25rem 0 0; }
.list-case .item figure { display:block; width:1.2rem; height:1.2rem; border-radius:50%; position:absolute; left:0; top:.2rem; border:2px solid #ddd;  background:#eee; overflow:hidden; }
.list-case .item figure img { position:absolute; left:0; top:0; width:100%; }
.list-case .item h3 { font-size:.28rem; padding:0 0 .05rem; font-weight:400; }
.list-case .item p { height:.75rem; opacity:0.8; overflow:hidden; }

/* 图文列表2 4:3 */
.list-case2 { width:100%; }
.list-case2 .list { padding:1px 0 3% 0; }
.list-case2 .item { width:auto; padding:0 2%; }
.list-case2 .item:active { background:#eee; }
.list-case2 .item a { display:block; height:1.6rem; padding:.2rem 0 .2rem 1.8rem; position:relative; border-bottom:1px solid #eee; }
.list-case2 .item figure { display:block; width:1.6rem; height:1.2rem; position:absolute; left:0; top:.2rem; overflow:hidden; background:#eee; }
.list-case2 .item figure img { position:absolute; left:0; top:0; width:100%; }
.list-case2 .item h3 { font-size:.28rem; margin-bottom:.05rem; font-weight:400; }
.list-case2 .item p { opacity:0.7; height:.8rem; line-height:.4rem; overflow:hidden; }

/* 图文列表3 3:4 */
.list-case3 { width:100%;  }
.list-case3 .list { padding:1px 0 3% 0; }
.list-case3 .item { width:auto; padding:0 2%; }
.list-case3 .item:active { background:#ddd; }
.list-case3 .item a { display:block; height:2.4rem; padding:.2rem 0 .2rem 2.9rem; position:relative; border-bottom:1px solid #ddd; }
.list-case3 .item figure { display:block; width:2.7rem; height:2rem; position:absolute; left:0; top:.2rem; overflow:hidden; background:#eee;}
.list-case3 .item figure img { position:absolute; left:0; top:0; width:100%; min-height:100%; }
.list-case3 .item h3 { font-size:.28rem; margin-bottom:.2rem; font-weight:400; }
.list-case3 .item p { opacity:0.8; height:1.4rem; line-height:.35rem; overflow:hidden; }

/* 标题列表 */
.list-news { width:100%; background:#fff; box-shadow:0 1px 2px rgba(0,0,0,0.1); padding-bottom:.5rem; }
.list-news .list { width:100%; padding:3% 2% 2%; }
.list-news .item { padding:0 2%; height:.8rem; line-height:.8rem; background:#FFF; box-shadow:0 1px 3px rgba(0,0,0,0.3); margin-bottom:2%; border-radius:3px; position:relative; }
.list-news .item:active { background-color:#f1f1f1; }
.list-news .item a { display:block; font-size:.26rem; padding:0 .2rem 0 1rem; }
.list-news .item span { position:absolute; left:0; top:0; background:#ff9c00; color:#FFF; border-radius:3px 0 0 3px; width:1rem; text-align:center; }

/* 文字组列表 */
.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:#eee; }
.list-news2 .item a { display:block; height:1.6rem; padding:.2rem 0; position:relative; border-bottom:1px solid #eee; }
.list-news2 .item h3 { font-size:.28rem; margin-bottom:.05rem; font-weight:400;  }
.list-news2 .item p { opacity:0.7; height:.8rem; overflow:hidden; }

/* 图文详情 */
.product-view { width:100%; height:auto; overflow:hidden; }
.product-view img { display:block; width:100%; }
.product-content { background:none; box-shadow:0 1px 2px rgba(0,0,0,0); padding-bottom:.5rem; }
.product-content h1 { padding:.2rem 2% 0; font-size:.32rem; text-align:center; }

/* 文章详情 */
.news-content { background:none; box-shadow:0 1px 2px rgba(0,0,0,0); padding-bottom:.5rem; }
.news-content h1 { padding:.2rem 2% .1rem; font-size:.3rem; line-height:1.4; }
.news-content .rap { border-bottom:1px solid #ddd; margin:0 2%; opacity:.6; }
.news-content .rap span { margin-right:.2rem; }



/***********************************
 *** 通用组件类
 **********************************/
 
/* 工具栏 */

.toolbar { display: block; height: 1rem; }
.toolbar .inner { background: #1159a3; position: fixed; left: 0; right: 0; bottom: 0; z-index: 10; display: -webkit-box; display: box; }
.toolbar li { -webkit-box-flex: 1; box-flex: 1; border-left: 1px solid #0e4782; color: #fff; }
.toolbar li:first-child { border-left: 0; }
.toolbar a { display: block; text-align: center; padding: .15rem 0 0; height: 1rem; line-height: .3rem; font-size: .26rem; 
color: #fff;}
.toolbar a:active { background: #89bc43; box-shadow: 0 0 1000rem rgba(0,0,0,.15) inset; }
.toolbar a:before { content: ''; display: block; width: .4rem; height: .4rem; margin: 0 auto .05rem; }
.toolbar a.icon-home:before { background: url(../images/toolbar-1.png) center center no-repeat; background-size: contain; }
.toolbar a.icon-phone:before { background: url(../images/toolbar-2.png) center center no-repeat; background-size: contain; animation:toolicon 600ms linear infinite; }
.toolbar a.icon-online:before { background: url(../images/toolbar-3.png) center center no-repeat; background-size: contain; }
.toolbar a.icon-map:before { background: url(../images/toolbar-4.png) center center no-repeat; background-size: contain; }
  

/* 广告位 */
.banner { width:100%; overflow:hidden; position:relative;z-index: 1; }
.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:.6rem; line-height:.2rem; text-align:center; clear:both; display:none; position:absolute; left:5%; bottom:.17px; }
.banner .tip span { display:inline-block; vertical-align:middle; width:.3rem; height:.3rem; line-height:1.6;margin:0 .06rem; 
  vertical-align:middle;     font-size: .24rem;text-align: center; 
  background: #0c4c8d; border-radius: 50%;}
.banner .tip span.cur { background: #89bc43;   }

/* 百度地图 */
.location { position:fixed; left:0; top:0; right:0; bottom:0; z-index:99; background:#fff; visibility:hidden; }
.location .map { position:absolute; top:0; left:0; bottom:1rem; right:0; z-index:97; }
.location .address { position:absolute; left:0; bottom:0; right:0; padding:.2rem .2rem; background:#383838; z-index:98; box-shadow:0 -.05rem .05rem rgba(0,0,0,.2); }
.location .address p { height:.6rem; line-height:.3rem; margin:0 .8rem 0 0; color:#fff; overflow:hidden; opacity:.5; }
.location .close { position:absolute; right:.2rem; bottom:.2rem; width:.6rem; height:.6rem; text-align:center; font-size:.4rem; z-index:99; background:url(../images/map-close.png) center center no-repeat; background-size:.35rem; border:.02rem solid #aaa; border-radius:50%;  }
.location .close:active { background:#f1f1f1; }
.BMap_bubble_title a { display:inline-block; height:.6rem; line-height:.6rem; padding:0 .3rem; color:#FFF; background:#8ea8e0; border-radius:.03rem; margin-bottom:.05rem; font-size:.28rem; }
.BMap_bubble_title a:hover { box-shadow:0 0 0 1000px rgba(0,0,0,0.2) inset; }

/* 栏目面包屑 */
.sitepath { height:.7rem; line-height:.7rem; background:#f3f3f3; position:relative; box-shadow:0 2px 2px rgba(0,0,0,0); }
.sitepath h2 { margin:0 1.5rem 0 .15rem; font-size:.28rem; }
.sitepath .showmenu { position:absolute; right:.15rem; top:0; padding-right:.4rem; display:none; }
.sitepath .showmenu:after { content:''; position:absolute; right:0; top:.22rem; width:.3rem; height:.3rem; background:url(../images/arrow-down.png) center center no-repeat; background-size:.25rem; margin-left:.08rem; }
.sitepath .showmenu.current:after { transform:rotate(180deg); }

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

/* 提交表单 */
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 #ddd; color:#666;  border-radius:3px; }
#formPost .txt:focus, #formPost .text:focus { border-color:#aaa; }
#formPost .text { height:2rem; line-height:.3rem; padding:3%; }
#formPost .submit { width:100%; height:.8rem; line-height:.8rem; background:#070707; 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:.26rem; line-height:1.8; background:none; }
[ig-article] img { max-width:100% !important; height:auto !important; display:block; margin:0 auto; }

/* 关联链接 */
[ig-link] { width:96%; display:block; margin:0 auto; position:relative; top:.2rem; overflow:hidden; }
[ig-link] .prev, [ig-link] .next { width:49%; height:.7rem; line-height:.7rem; text-align:center; border:.03rem solid #aaa; background:#fff; font-size:0.26rem; border-radius:3px; }
[ig-link] .next { position:absolute; right:0; top:0; }
[ig-link] a { display:block; height:.7rem; }
[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:.8rem; line-height:.8rem; text-align:center; margin:0 2% .2rem; opacity:1; background:#fff; border:1px solid #ddd; border-radius:3px; font-size:.26rem; display:none;  }
[ig-load]:active { background:#f1f1f1; }
/* [ig-load]:empty { display:none !important;  } */
[ig-null] { display:block; width:100% !important; padding:0 2% !important; height:.8rem; line-height:.8rem; overflow:hidden; background:none; opacity:1;  }
.ig-hover { box-shadow:0 0 0 1000px rgba(0,0,0,0.05) inset; }
.pager { display:none; }
.api {  content:'4DD845D1BB619BEEFB641EC49A7D8735'; }

.showmap { display: block; margin: 0 3% .3rem; height: .6rem; line-height: .6rem; text-align: center; font-size: larger; background: #f0a522; color: #fff; border-radius: 5px; }
.baidumap { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 99; background: #fff; visibility: hidden; }
.baidumap .map { position: absolute; top: 0; left: 0; bottom: 1rem; right: 0; z-index: 97; line-height: 20px; font-size: 14px; }
.baidumap .address { position: absolute; left: 0; bottom: 0; right: 0; padding: .2rem .2rem; background: #383838; z-index: 98; box-shadow: 0 -.05rem .05rem rgba(0,0,0,.2); }
.baidumap .address p { height: .6rem; line-height: .3rem; margin: 0 .8rem 0 0; color: #fff; overflow: hidden; opacity: .5; }
.baidumap .close { position: absolute; right: .2rem; bottom: .2rem; width: .6rem; height: .6rem; text-align: center; font-size: .4rem; z-index: 99; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTlBNUY5MTlERUM0MTFFNUEyODJBNTE1OUVDN0M3NDkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTlBNUY5MUFERUM0MTFFNUEyODJBNTE1OUVDN0M3NDkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxOUE1RjkxN0RFQzQxMUU1QTI4MkE1MTU5RUM3Qzc0OSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxOUE1RjkxOERFQzQxMUU1QTI4MkE1MTU5RUM3Qzc0OSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvnANt0AAAN2SURBVHja7N09bxNBEAbgywiJP0ABBQ0fHWmCQEJxQ0NtiA5KJEyK8IdMkdBQhRMKHw0SrSkICg3pkIACAQV/gMrMKndSFOXD8c7evLM7rzRy4TvfaZ9dn/cs3S5Mp9PKgxPyJnAQj4M4iMdBHMTjIA7icRAH8TiI56icif2ApmmKbsC6rn2E+FeWx85X1oFc5brNNeD6zTXheuvNPHsWYv8Paa8hi1xjruVDNvnO9YTrXSZtthIuHW2nm7adbpOvJa9QQJbCC9elEzYdcT0zDHG97XQ3jnh/m2uNYT5rX0PGM2CEbHA9MoyxdQxGyE2uF9xBF9VA+OB32xOZNRZROoyLM2x7ue2gaiPk4Rz7WEI5DUaXZe6oV7RABnPuZwFlHowud7RA/kXsi4wSgxHTUaNBJpH7I6LEYoT81QLZFGgAJBQJjKiOKjEP+XjKX1qo8xQpjD88F7mgOQ9Z4/ppfKRIYXTtoToxDDPToWEUSYzV2FsoUnd7d4yiSGOsx36I5O13ayhwGNIgllAgMVKAWECBxUgFgowiisG1Lt1wKf/CRUOBx0gNgoRiAqMPEAQUMxh9gWiimMLoE0QDxRxG3yB9opjE0ADpA8UshhZIShTTGJogqVBMY2iDpEAxjYEAIo1iGgMFBAVFHQMJRBsFAgMNRAsFBgMRpG8UKAxUkL5Q4DCQQVKjQGKgg6RCgcWwANJlCvpZxYFI3pvqEkbHyEEwMOBRqEAMaBQqFAMWhQrGgEShwjHgUMgxsFDIMbBQKCOMVaEZvSoKZYQRGnJoHYUywgjZsY5CGWFUOaBQZhjmUcgoxuPq5FvoJlHIKMbGjNuaQ6GMMUyiUOYY5lCoAAxTKFQIhhkUKggjCUrTNCNkEHQMeBQqEAMahQrFgEWRAFkyipEKZagNMjaMkQJF70HK3BvuVTLPW9TEkEY5z+1yX2uEPMgEQxpF7bm9g4wwJFHOaYGczQxDCmWiBTLJEEMC5b0WyPNMMWJQPtR1/VUFhA/8stpbWSZHjHlQvlUAD1IOJ/AjU4yDKJ+O2WZ7r4/WX2IOJLFKW/dk6zAhunXI+79atDeV7ey0c66wINjKvl+Y3aJgWxIHkVqlrcu19kT3L5v3uso40it9Sq9juNvW08qjdg3xOEi+ib6GeHyEOIjHQRzE4yAeB3EQj4M4iEcw/wUYAL6JZ/aVt9nDAAAAAElFTkSuQmCC) center center no-repeat; background-size: .35rem; border: .02rem solid #aaa; border-radius: 50%;  }
.baidumap .close:active { background: #f1f1f1; }
.baidumap .BMap_bubble_title a { display: inline-block; height: 40px; line-height: 40px; padding: 0 .3rem; color: #FFF; background: #8ea8e0; border-radius: .03rem; margin-bottom: .05rem; font-size: 16px; }
.baidumap .BMap_bubble_title a:hover { box-shadow: 0 0 0 1000rem rgba(0,0,0,0.3) inset; }
/***********************************
 *** 动画
 **********************************/

@keyframes show_smaller{
  0%{
    visibility:visible;
    opacity:0; 
    -webkit-transform:scale(2,2);
       -moz-transform:scale(2,2);
      -ms-transform:scale(2,2);
        transform:scale(2,2);
  }
  100%{
    visibility:visible;
    opacity:1;
    -webkit-transform:scale(1,1);
       -moz-transform:scale(1,1);
      -ms-transform:scale(1,1);
        transform:scale(1,1);
  }
}
@keyframes hide_smaller{
  0%{
    visibility:visible;
    opacity:1; 
    -webkit-transform:scale(1,1);
       -moz-transform:scale(1,1);
      -ms-transform:scale(1,1);
        transform:scale(1,1);
  }
  100%{
    visibility:visible;
    opacity:.5; 
    -webkit-transform:scale(0,0);
       -moz-transform:scale(0,0);
      -ms-transform:scale(0,0);
      transform:scale(0,0);
  }
}
@keyframes show_nav{
  0%{
    visibility:visible;
    opacity:1;
    -webkit-transform:translateX(100%);
       -moz-transform:translateX(100%);
      -ms-transform:translateX(100%);
        transform:translateX(100%);
  }
  100%{
    visibility:visible;
    opacity:1;
    -webkit-transform:translateX(0);
       -moz-transform:translateX(0);
      -ms-transform:translateX(0);
        transform:translateX(0);
  }
}
@keyframes hide_nav{
  0%{
    visibility:visible;
    opacity:1;
    -webkit-transform:translateX(0);
       -moz-transform:translateX(0);
      -ms-transform:translateX(0);
        transform:translateX(0);
  }
  100%{
    visibility:visible;
    opacity:1;
    -webkit-transform:translateX(100%);
       -moz-transform:translateX(100%);
        -ms-transform:translateX(100%);
            transform:translateX(100%);
  }
}


/***********************************
 *** 设备适配
 **********************************/
@media (min-width:700px){
  html { font-size:80px; }
} 
@media (max-width:700px){
  html { font-size:70px; }
}
@media (max-width:500px){
  html { font-size:60px; }
}
@media (max-width:350px){
  html { font-size:50px; }
}

@-webkit-keyframes toolicon {
from {/* -webkit-transform:translateY(-2px) */}
to {
  -webkit-transform: translateY(2px);
}
}