/***********************************
 *** 全局初始化
 **********************************/
* { 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:inherit; 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.8 "Microsoft Yahei", Arial; color:#666; background:#fff; padding:.6rem 0 .8rem; }
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", Arial; 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; }

/*==========@@通用列表 结束@@==========*/
.content_box .messages_box{width:auto;padding:10px 1% 60px 1%;}
.content_box .messages_box ul{width:100%;} 
.content_box .messages_box ul li{padding:5px 28px 5px 5px;}
.content_box .messages_box .text-input,.content_box .messages_box .summary-input,.content_box .messages_box .qq-input{width:100%;height:33px;padding:0px 10px;line-height:normal;background:none repeat scroll 0% 0% rgb(253, 253, 253);border-width:1px;border-style:solid;border-color:rgb(133, 133, 133) rgb(175, 175, 175) rgb(201, 201, 201);box-shadow:1px 2px 3px rgb(183, 183, 183) inset !important;font-size:14px;}
.content_box .messages_box .cont-input{width:100%;height:130px;padding:10px;line-height:20px;background:none repeat scroll 0% 0% rgb(253, 253, 253);border-width:1px;border-style:solid;border-color:rgb(133, 133, 133) rgb(175, 175, 175) rgb(201, 201, 201);box-shadow:1px 2px 3px rgb(183, 183, 183) inset !important;font-size:14px;}
.content_box .messages_box .code-input{width:125px;vertical-align:middle;height:33px;padding:0px 10px;line-height:normal;background:none repeat scroll 0% 0% rgb(253, 253, 253);border-width:1px;border-style:solid;border-color:rgb(133, 133, 133) rgb(175, 175, 175) rgb(201, 201, 201);box-shadow:1px 2px 3px rgb(183, 183, 183) inset !important;}
.content_box .messages_box .verify-pic{height:35px;vertical-align:middle;}
.content_box .messages_box .submitBtn{text-align:center;padding-top:10px;}
.content_box .messages_box .messages-button{width:125px;height:34px;line-height:34px;font-size:16px;color:#ffffff;text-align:center;background:none repeat scroll 0% 0% #43A047;border-top:1px solid #307A1B;border:none;}



/***********************************
 *** 网站风格
 **********************************/
.topper { width:100%; height:.6rem; position:fixed; left:0; top:0; z-index:10; }
.topper .tel { background:#017c2c; color:#FFF; text-align:center; }
.topper .tel a { display:inline-block; height:.6rem; line-height:.6rem; padding:0 0 0 .4rem; text-align:center; background:url(topper-tel.png) left center no-repeat; background-size:.3rem; }
.topper .tel b { font-size:.26rem; }
.topper .ui {  }
.topper .ui li { position:absolute; top:50%; margin-top:-.3rem; width:.9rem; height:.6rem; }
.topper .ui li.shownav { left:0; background:url(shownav.png) center center no-repeat; background-size:.35rem; }
.topper .ui li.showsos { right:0; background:url(showsos.png) center center no-repeat; background-size:.35rem; }

.header { background:#017c2c; padding:.2rem 0; }
.header .logo { position:relative; text-align:center; margin:0 0 .1rem; }
.header .logo img { display:block; height:.6rem; margin:0 auto; }
.header .tag { position:relative; text-align:center; line-height:1.2; }
.header .tag h2 { font-size:larger; color:#FFF; font-weight:normal; }
.header .tag h3 { font-weight:normal; color:#ffea1f; text-transform:uppercase; font-size:small; }

.banner { width:100%; overflow:hidden; position:relative; }
.banner:before { content:''; width:2rem; height:.5rem; background:url(banner-shadow.png) left bottom no-repeat; background-size:contain; position:absolute; left:.2rem; bottom:0; z-index:2; }
.banner .list { float:left; width:500%; }
.banner .list li { float:left; width:20%; }
.banner .list img { display:block; width:100%; }
.banner .tip { width:100%; height:.2rem; line-height:.2rem; padding:0 .2rem; text-align:right; clear:both; display:none; position:absolute; left:0; bottom:.2rem; }
.banner .tip li { display:inline-block; width:.4rem; height:.15rem; background:#237c04; margin:0 .1rem; vertical-align:middle; border-radius:0%; }
.banner .tip li.active { background:#ef7a1b; }

.nav { position:fixed; right:0; left:0; top:.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 { padding:.3rem .2rem; position:fixed; right:0; left:0; top:.6rem; z-index:9; background:#eee; box-shadow:0 2px 5px rgba(0,0,0,.1); display:none; }
.searcher .box { position:relative; }
.searcher .txt { width:100%; height:.6rem; border:1px solid #fff; background:#fff; border-radius:3px; padding:0 0 0 .2rem; }
.searcher .submit { position:absolute; right:2px; top:2px; bottom:2px; border:0; padding:0 .4rem; background:url(searcher-submit.png) center center no-repeat #fff; background-size:.3rem; color:#fff; border-radius:0 3px 3px 0; }

.isos { background:#237c04; padding:.2rem; position:relative; }
.isos .type { position:absolute; left:0; top:0; padding:.12rem; }
.isos .type li { float:left; margin:0 .1rem 0 0; }
.isos .type img { display:block; width:.7rem; }
.isos .sos { margin:0 0 0 2.5rem; position:relative; }
.isos .txt { width:100%; height:.6rem; background:#FFF; border:0; padding:0 0 0 .2rem; }
.isos .submit { position:absolute; right:0; top:0; width:.8rem; height:.6rem; background:url(sos-submit.png) center center no-repeat #ff8b1a; background-size:.3rem; border:0; }

.inav { margin:0 0 .2rem; background:url(inav.png) center center repeat #227d04; border-top:1px solid #fff; }
.inav .list { }
.inav .list dd { float:left; width:25%; position:relative; background:url(inav-line.png) right center no-repeat; color:#FFF; }
.inav .list dd:nth-child(4n) { background:none; }
.inav .list a { display:block; height:.6rem; line-height:.6rem; text-align:center; }
.inav .list a:active { background:#ef7a1b; color:#fff; }

.ihead { height:.7rem; background:url(ipro-head.png) center center repeat-x; background-size:.3rem; text-align:center; position:relative; margin:0 0 .2rem; }
.ihead .inner { background:#FFF; width:3rem; margin:0 auto; position:relative; }
.ihead h2 { color:#237c04; font-size:larger; line-height:.35rem; height:.35rem; overflow:hidden; }
.ihead h3 { color:#999; text-transform:uppercase; font-weight:normal; line-height:.35rem; height:.35rem; overflow:hidden; }
.ihead h2:before,
.ihead h2:after,
.ihead h3:before,
.ihead h3:after { content:''; width:.16rem; height:.16rem; background:none; border:1px solid #ddd; position:absolute; top:50%; margin-top:-.08rem; -webkit-transform:rotate(45deg); transform:rotate(45deg); }
.ihead h2:before { left:0; }
.ihead h2:after { left:.1rem; }
.ihead h3:before { right:0; }
.ihead h3:after { right:.1rem; }

.ipro { }
.ipro .classify { width:100%; }
.ipro .classify li { float:left; width:47%; margin:0 0 .1rem 2%; }
.ipro .classify a { display:block; position:relative; height:.6rem; line-height:.6rem; background:#fff; border:1px solid #237c04; color:#237c04; text-align:center; border-radius:3px; }

.ipro .main { padding:.1rem 0 .2rem; }
.ipro .list { }
.ipro .list dd { float:left; width:47%; margin:0 0 2% 2%; position:relative; }
.ipro .list a { display:block; background:#FFF; color:#666; position:relative; }
.ipro .list figure { display:block; width:100%; height:auto; padding-bottom:75%; position:relative; background:#eee; overflow:hidden; }
.ipro .list img { position:absolute; left:0; top:0; width:100%; height:100%; display:block; }
.ipro .list h3 { line-height:.5rem; padding:.1rem .2rem; font-weight:normal; background:#ebebeb; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:break-all; text-align:center; position:relative; border-top:1px solid #fff; }
.ipro .list h3:before { content:''; width:40%; top:50%; margin-top:.18rem; height:1px; background:#237c04; position:absolute; left:30%; }
.ipro .list dd:active h3 { background:#ef7a1b; color:#FFF; }
.ipro .list dd:active h3:before { background:#FFF; }

.iadv { position:relative; padding:0 0 39%; background:url(iadv.png) 0 0 no-repeat; background-size:contain; margin:0 0 .2rem; }
.iadv .inner { position:absolute; top:.7rem; left:2rem; right:.3rem; }
.iadv .inner h2 { color:#237c04; font-size:larger; line-height:1.2; text-shadow:0 0 5px #fff; }
.iadv .inner h2 span { color:#ff7e00; font-size:x-large; }
.iadv .inner h3 { text-align:right; font-family:'Impact'; font-size:x-large; color:#ff7e00; text-shadow:0 0 5px #fff; }
.iadv .inner h3:before { content:''; display:inline-block; vertical-align:middle; width:.4rem; height:.4rem; background:url(iadv-tel.png) 0 0 no-repeat; background-size:contain; margin:0 .1rem 0 0; }

.icase { margin:0 0 .2rem; }
.icase .list { padding:.2rem 0 0; }
.icase .list dt { float:right; width:47%; padding:0 0 72.5%; position:relative; margin:0 2% 2% 0; }
.icase .list dd { float:left; width:47%; margin:0 0 2% 2%; }
.icase .list a { display:block; position:relative; }
.icase .list figure { display:block; width:100%; padding:0 0 75%; background:#eee; overflow:hidden; position:relative; }
.icase .list img { display:block; width:100%; height:100%; position:absolute; left:0; top:0; }
.icase .list h3 { height:.5rem; line-height:.5rem; font-weight:normal; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:break-all; text-align:center; position:absolute; left:0; bottom:0; right:0; background:rgba(35,124,4,.8); color:#fff; }

.icase .more { padding:0 2%; }
.icase .more a { display:block; height:.7rem; line-height:.7rem; border:2px solid #999; text-align:center; color:#999; font-weight:bold; }

.inews { margin:0 0 .2rem; }
.inews .tabed { height:.6rem; border-bottom:2px solid #ccc; margin:0 0 .2rem; }
.inews .tabed li { display:inline-block; height:.6rem; line-height:.6rem; padding:0 .2rem; font-weight:bold; font-size:.25rem; }
.inews .tabed li.active { border-bottom:2px solid #ef7a1b; color:#ef7a1b; }

.inews .main { margin:0 2% .2rem; }
.inews .list { width:100%; overflow:hidden; }
.inews .list dd { margin:0 2% .2rem; border-bottom:1px dashed #ddd; }
.inews .list dd a { display:block; position:relative; height:1.4rem; padding:0 0 0 1.8rem }
.inews .list dd figure { position:absolute; left:0; top:0; }
.inews .list dd img { display:block; width:1.6rem; height:1.2rem; }
.inews .list dd h3 { height:.3rem; line-height:.3rem; margin:0 0 .2rem; font-size:.26rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:break-all; color:#237c04; background:url(inews-tp.png) right center no-repeat; background-size:.20rem; }
.inews .list dd p { height:.6rem; line-height:.3rem; }

.icontact { }
.icontact .head { height:.6rem; border-bottom:2px solid #ccc; margin:0 0 .2rem; }
.icontact .head h2,
.icontact .head h3 { display:inline-block; height:.6rem; line-height:.6rem; font-weight:bold; font-size:.25rem; }
.icontact .head h2 { border-bottom:2px solid #ef7a1b; color:#ef7a1b; padding:0 .2rem; }
.icontact .head h3 { text-transform:uppercase; color:#999; }

.icontact .list { margin:0 2%; }
.icontact .list dd { position:relative; line-height:.4rem; padding:2% 0 2% 1.9rem; border-bottom:0px dashed #e5e5e5; border:1px solid #ddd; border-radius:3px; margin:0 0 .1rem; }
.icontact .list a { display:block; }
.icontact .list label { position:absolute; left:0; top:0; line-height:.7rem; padding:0 0 0 .7rem; color:#237c04; }
.icontact .list label.name { background:url(icontact-1.png) left center no-repeat; background-size:.6rem; }
.icontact .list label.qq { background:url(icontact-2.png) left center no-repeat; background-size:.6rem; }
.icontact .list label.email { background:url(icontact-3.png) left center no-repeat; background-size:.6rem; }
.icontact .list label.fax { background:url(icontact-4.png) left center no-repeat; background-size:.6rem; }
.icontact .list label.tel { background:url(icontact-5.png) left center no-repeat; background-size:.6rem; }
.icontact .list label.mobile { background:url(icontact-6.png) left center no-repeat; background-size:.6rem; }
.icontact .list .iqq { display:inline-block; vertical-align:middle; height:.4rem; line-height:.4rem; margin:0 0 0 .2rem; background:url(icon-qq.png) .2rem center no-repeat #ef7a1b; background-size:.25rem; color:#FFF; border-radius:3px; padding:0 .2rem 0 .6rem; display:none; }

.footer { padding:.2rem 0 0; }

.itop { height:.7rem; line-height:.7rem; text-align:center; background:#FFF; color:#237c04; font-weight:bold; }
.itop:before { content:''; width:.3rem; height:.3rem; background:url(itop.png) center center no-repeat; background-size:contain; display:inline-block; vertical-align:middle; margin:0 .1rem 0 0; }

.copyright { padding:.2rem; line-height:.3rem; text-align:center; background:#fff; }

.toolbar { background:url(inav.png) center center repeat #227d04; position:fixed; left:0; right:0; bottom:0; z-index:10; }
.toolbar .list { display:-webkit-box; display:box; }
.toolbar .list li { -webkit-box-flex:1; box-flex:1; border-left:1px solid #005e15; color:#FFF; }
.toolbar .list li:first-child { border:0; }
.toolbar .list a { display:block; text-align:center; height:.8rem; font-size:small; padding:.08rem 0 0; }
.toolbar .list a:active { background:#ef7a1b; }
.toolbar .list a:before { content:''; display:block; width:.3rem; height:.3rem; margin:0 auto; }
.toolbar .list a.icon-home:before { background:url(toolbar-1.png) center center no-repeat; background-size:contain; }
.toolbar .list a.icon-phone:before { background:url(toolbar-2.png) center center no-repeat; background-size:contain; }
.toolbar .list a.icon-online:before { background:url(toolbar-3.png) center center no-repeat; background-size:contain; }
.toolbar .list a.icon-map:before { background:url(toolbar-4.png) center center no-repeat; background-size:contain; }

.con02{ max-width:680px; min-width:240px; margin:14px auto 0 auto; overflow:hidden; background:#fff;}
.con02 h2{ height:35px; line-height:35px; padding:0 10px;}
.con02 h2 strong{ float:left;color:#1296e8; font-size:18px; font-family:'Microsoft YaHei';}
.con02 h2 a{ float:right; color:#333; font-size:14px;}
.con02 ul li{ height:120px; padding:10px 0; border-bottom:#ccc solid 1px;margin-bottom:15px;}
.con02 ul li .img{ float:left; width:20%; height:120px; margin-left:10px;}
.con02 ul li .img img{ width:100%; max-height:90px;}
.con02 ul li .right{ float:right; width:73%; margin-right:10px;}
.con02 ul li .right a{ display:block; width:100%; height:24px; line-height:24px; overflow:hidden; font-size:16px; color:#000;}
.con02 ul li .right span{ display:block; width:100%; height:50px; line-height:20px; overflow:hidden; margin-top:1px; color:#333; font-size:14px;}
.con02 ul li .right .xm{ height:23px; line-height:23px; margin-top:1px; font-size:14px;}
.con02 ul li .right .xm strong{ font-weight:normal; font-size:14px; display:block; width:150px; float:left;}
.con02 ul li .right .xm strong b{ font-weight:normal; font-size:14px; color:#f00; margin-left:10px;}
.con02 ul li .right .xm p{ display:block; float:right; width:40px; font-size:12px; padding:0 0 0 20px; background:url(zan.png) left center no-repeat;}

/***********************************
 *** 组件
 **********************************/
.location { height:.7rem; line-height:.7rem; background:#f0a522; border-bottom:1px solid #ccc; position:relative; }
.location h2 { display:inline-block; padding:0 .2rem 0 .5rem; color:#fff; font-size:.26rem; font-weight:normal; background:url(a03.png) left center no-repeat; background-size:.5rem; }
.location .showmenu { position:absolute; right:0; top:0; width:2.6rem; height:.7rem; background:url(a02.png) center center no-repeat; background-size:.99rem; overflow:hidden; text-indent:-79em; display:none; }

.menu { width:100%; background:#fff; border-bottom:1px solid #ddd; display:none; }
.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 #258d38; background:#258d38; border-radius:3px; }
.menu .list a { display:block; font-size:.24rem; text-align:center; color:#FFF; }
.menu .list dd:active,
.menu .list dd.current { background:#ff9900; border-color:#ff9900; color:#FFF; }

.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(a01.png) 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 1000px rgba(0,0,0,0.2) inset; }

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color:#ddd; }
input:-moz-placeholder, textarea:-moz-placeholder { color:#ddd; }
input::-moz-placeholder, textarea::-moz-placeholder { color:#ddd; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #ddd; }
.message-page { padding:.2rem 4% 0; overflow:hidden; }
.message-page li { margin-bottom:.3rem; width:100%; font-size:1.2em; }
.message-page .txt, .message-page .text { width:100%; padding:0 3%; height:.7rem; line-height:.7rem; background:#fff; border:1px solid #ddd;  }
.message-page .txt:focus, .message-page .text:focus { border-color:#aaa; }
.message-page .text { height:1.5rem; line-height:.3rem; padding:3%; }
.message-page .submit { width:100%; height:.7rem; line-height:.7rem; background:#f08519; border:0; border-radius:3px; font-size:.28rem; color:#fff; text-align:center; }
.message-page .submit:active { background:#f08519; }

.rmd-order { padding:.1rem 4% 0; overflow:hidden; background:#fff; border-bottom:1px solid #ddd; }
.rmd-order .head { height:.8rem; line-height:.7rem;  }
.rmd-order .head h2 { font-size:.26rem; font-weight:normal; }
.rmd-order li { margin-bottom:.3rem; width:100%; font-size:1.2em; }
.rmd-order .txt,
.rmd-order .text { width:100%; padding:0 3%; height:.7rem; line-height:.7rem; background:#fff; border:1px solid #ddd;  }
.rmd-order .txt:focus,
.rmd-order .text:focus { border-color:#aaa; }
.rmd-order .text { height:1.5rem; line-height:.3rem; padding:3%; }
.rmd-order .submit { width:100%; height:.7rem; line-height:.7rem; background:#f08519; border:0; border-radius:3px; font-size:.28rem; color:#fff; text-align:center; }
.rmd-order .submit:active { background:#f08519; }

.article { text-align:justify; padding:3%; line-height:1.8; background:none; }
.article img { max-width:100% !important; height:auto !important; display:block; margin:0 auto; }

.relink { width:96%; margin:0 auto .2rem;position:relative; display:block; overflow:hidden; }
.relink .prev,
.relink .next { float:right; width:49%; height:.7rem; line-height:.7rem; text-align:center; border:1px solid #fff; background:#eee; color:#999; font-size:0.26rem; border-radius:3px; }
.relink .prev { float:left; }
.relink a { display:block; height:.7rem; color:#999; }
.relink > *:active { background:#f5f5f5; }

.relink2 { }
.relink2 .prev,
.relink2 .next { width:.6rem; height:.6rem; position:fixed; top:50%; z-index:10; overflow:hidden; text-indent:-99em; }
.relink2 a { position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden; text-indent:-99em; }
.relink2 .prev { left:0; }
.relink2 .next { right:0; }
.relink2 .prev a { background:url(relink-prev.png) center center no-repeat; background-size:contain; }
.relink2 .next a { background:url(relink-next.png) center center no-repeat; background-size:contain; }

.hidden { display:none; }
.autocut { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:break-all; }
.loading { width:auto; height:.7rem; line-height:.7rem; text-align:center; margin:0 2% .2rem; background:#eee; border:1px solid #fff; color:#999; border-radius:3px; font-size:.26rem; display:none;  }
.loading:active { background:#f5f5f5; }
.loading:empty { display:none !important;  }
.null { display:block; width:100% !important; padding:0 2% !important; height:.8rem; line-height:.8rem; overflow:hidden; background:none; opacity:1; position:relative; top:-.3rem; }
.console { position:fixed; left:0; top:0; width:100%; height:.8rem; line-height:.8rem; z-index:199; background:rgba(255,72,72,.9); text-align:center; color:#FFF; font-size:.26rem; overflow:hidden; }
.pager { }
.api {  content:'4DD845D1BB619BEEFB641EC49A7D8735'; }

.fullbody { padding:0; height:100%; overflow:hidden; background:#efefef; }
.fullpage { position:relative; height:100%; overflow:hidden; }
.fullpage-wrap { position:relative; height:100%; visibility:hidden; }
.fullpage-wrap > * { position:relative; height:100%; overflow:hidden; }

.slide { width:100%; }
.slide-wrap { width:100%; }
.slide-cell { float:left; width:100%; }


 .pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#208831;text-decoration:none;background-color:#fff;border:1px solid #ddd}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{z-index:3;color:#23527c;background-color:#eee;border-color:#ddd}.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:2;color:#fff;cursor:default;background-color:#208831;border-color:#208831}.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px;line-height:1.3333333}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-top-left-radius:6px;border-bottom-left-radius:6px}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-top-right-radius:6px;border-bottom-right-radius:6px}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px;line-height:1.5}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-top-left-radius:3px;border-bottom-left-radius:3px}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-top-right-radius:3px;border-bottom-right-radius:3px}.pager{padding-left:0;margin:20px 0;text-align:center;list-style:none}.pager li{display:inline}.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;border-radius:15px}.pager li>a:focus,.pager li>a:hover{text-decoration:none;background-color:#eee}.pager .next>a,.pager .next>span{float:right}.pager .previous>a,.pager .previous>span{float:left}.pager .disabled>a,.pager .disabled>a:focus,.pager .disabled>a:hover,.pager .disabled>span{color:#777;cursor:not-allowed;background-color:#fff}.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}a.label:focus,a.label:hover{color:#fff;text-decoration:none;cursor:pointer}
/***********************************
 *** 网站内容
 **********************************/
.wrapper { }

/* 图片列表 */
.product-lister { }
.product-lister .list { width:100%; padding:.2rem 0 .2rem; }
.product-lister .item { float:left; width:47%; margin:0 0 2% 2%; background:#fff; }
.product-lister .item a { display:block; }
.product-lister .item figure { display:block; padding:0 0 75%; position:relative; }
.product-lister .item img { position:absolute; left:0; top:0; width:100%; height:100%; }
.product-lister .item h3 { font-weight:normal; height:.6rem; line-height:.6rem; text-align:center; margin:0 .2rem; }

.product2-lister { }
.product2-lister .list { width:100%; padding:.2rem 0 .2rem; }
.product2-lister .item { float:left; width:30.66%; margin:0 0 2% 2%; background:#fff; }
.product2-lister .item a { display:block; }
.product2-lister .item figure { display:block; padding:0 0 130%; position:relative; }
.product2-lister .item img { position:absolute; left:0; top:0; width:100%; height:100%; }
.product2-lister .item h3 { font-weight:normal; height:.6rem; line-height:.6rem; text-align:center; margin:0 .2rem; }

/* 新闻列表 */
.news-lister { }
.news-lister .list { padding:.2rem 0 .1rem; }
.news-lister .item { margin:0 .2rem .2rem; background:#eee; border-radius:5px; }
.news-lister .item:active { box-shadow:0 0 .2rem rgba(0,0,0,.2); }
.news-lister .item a { display:block; padding:.2rem; color:#999; }
.news-lister .item .date { font-size:.26rem; line-height:.4rem; }
.news-lister .item h3 { font-size:.26rem; font-weight:normal; line-height:.4rem; margin-bottom:.1rem; color:#666; overflow:hidden; }
.news-lister .item .img { position:relative; width:100%; padding:0 0 75%; overflow:hidden; }
.news-lister .item .img img { position:absolute; left:0; top:0; width:100%; height:100%; }

.news-lister .loading { margin:0 .2rem .2rem; }

/* 案例 */
.case-lister {  }
.case-lister .list { padding:.15rem 0 .1rem; }
.case-lister .item { margin:0 .15rem .15rem; background:#fff;  }
.case-lister .item a { display:block; position:relative; height:1.5rem; padding:0 .15rem 0 2.15rem;  }
.case-lister .item img { position:absolute; left:0; top:0; width:2rem; height:1.5rem;  }
.case-lister .item h3 { font-size:.26rem; font-weight:normal; height:.7rem; line-height:.5rem; overflow:hidden; }
.case-lister .item p { height:.6rem; line-height:.3rem; overflow:hidden; color:#999; }

/* 文章详情 */
.news-detail {  }
.news-detail h1 { padding:.2rem 2% .1rem; font-size:.3rem; line-height:1.4; text-align:center; }
.news-detail .subsidiary { line-height:.6rem; border-bottom:1px solid #ddd; margin:0 2%; opacity:.6; text-align:center; }
.news-detail .subsidiary span { margin-right:.2rem; }


/* 产品详情 */
.product-detail {  }
.product-detail h1 { padding:.2rem 2% .1rem; font-size:.3rem; line-height:1.4; text-align:center; }
.product-detail .subsidiary { line-height:.4rem; margin:0 2%; opacity:.6; text-align:center; text-transform:uppercase; }
.product-detail .photo { padding:.2rem 3% 0; }
.product-detail .photo img { display:block; width:100%; }

.thum { width:100%; overflow:hidden; position:relative; }
.thum .list { float:left; width:500%; }
.thum .list li { float:left; width:20%; }
.thum .list img { display:block; width:100%; }
.thum .tip { width:90%; height:.1rem; line-height:.1rem; text-align:center; clear:both; display:none; position:absolute; left:5%; bottom:.2rem; }
.thum .tip li { display:inline-block; vertical-align:middle; width:.12rem; height:.12rem; background:#fff; border-radius:50%; margin:0 .1rem; vertical-align:middle; }
.thum .tip li.active { background:#c81529; }

/* 案例详情 */
.case-detail {  }
.case-detail h1 { padding:.2rem 2% .1rem; font-size:.3rem; line-height:1.4; text-align:center; }
.case-detail .photo { margin:0 4%; }
.case-detail .photo img { display:block; width: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; }
}