.main{position:relative;z-index:5;background-color:#f3f3f3}
.m-nav{width:16rem;position:absolute;top:0;height:100%;z-index:3;background-color:#2d3741;right:0;color:#fff}
.m-nav li{border-bottom:1px solid #232d34;font-size:14px;height:40px;line-height:40px;vertical-align:middle}
.m-nav li a{color:#ced1d5;display:block;padding-left:1rem;position:relative}
.m-nav li a i{border-right:2px solid #f3f3f3;border-bottom:2px solid #f3f3f3;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);position:absolute;width:8px;height:8px;right:10px;top:15px}
.show-con{padding:1.5rem 1rem 0;overflow:hidden;color:#555;background-color:#fff}
.show-con > section{padding:1rem 0;border-bottom:1px solid #ddd}
.show-con h2{font-size:2rem;padding-bottom:.6rem;line-height:1.5;color:#09c}
.show-con img{max-width:100%;margin-bottom:5px}
.show-con p.center{text-align:center}
.show-con p.red{color:#d7162b;font-size:1.7rem}
.show-con p.green{color:#27AE61;font-size:1.5rem}
.anli-con{margin:1.5rem 0 0;overflow:hidden}
.titer{height:4.3rem;background-color:#f3f3f3;width:100%;position:relative}
.titer.fix-tit{position:fixed;top:0;z-index:1200}
.titer li.tit-act{float:left;text-align:center;line-height:4.3rem;font-size:1.6rem;width:50%;height:4.3rem}
.titer li.tit-act span{display:inline-block;font-size:1.6rem;margin-right:.5rem;position:relative}
.titer li.tit-act:nth-child(1) span{color:#8ED05A}
.titer li.tit-act:nth-child(2) span{color:#FFA63C;margin-right:.7rem;top:-0.1rem}
.titer li.tab-slider{position:absolute;height:2px;bottom:0;width:50%;left:0;-webkit-transition:all ease-out .3s;transition:all ease-out .3s}
.titer li.tab-slider.tab-one{-webkit-transform:translateX(0);transform:translateX(0);background-color:#8ed05a}
.titer li.tab-slider.tab-two{-webkit-transform:translateX(100%);transform:translateX(100%);background-color:#FFA63C;}
.item.item-top{margin-top:40px}
.item-1{padding-left:10px}
.item-1 li{float:left;width:50%}
.item-1 li > a{display:block;background-color:#fff;border:1px solid #ddd;text-align:center;margin:10px 10px 0 0;box-shadow:0 .1rem .5rem #d9d9d9}
.item-1 li > a img{width:14rem;height:4rem}
.item-1 li > a p{color:#666;padding-bottom:.3rem}
.item-2{padding-top:10px}
.item-2 li{border-bottom:1px solid #ddd;width:100%}
.item-2 li:first-of-type{border-top:1px solid #ddd}
.item-2 li > a{padding:.5rem;background-color:#fff;position:relative;display:block;height:8rem}
.item-2 li > a img{float:left;width:12rem;height:8rem}
.item-2 li > a .case{margin-left:12.5rem;height:8rem}
.case h3{font-size:1.6rem;margin-bottom:.3rem;line-height:1.5}
.case p{color:#888}
.item-2 li > a i{position:absolute;right:1rem;width:1rem;height:1rem;border-right:2px solid #999;border-bottom:2px solid #999;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);top:3.5rem}
.about > ul > li{border-bottom:1px solid #ddd}
.about > ul > li > a{display:block;padding:1.5rem 1rem;position:relative;font-size:1.6rem}
.about > ul > li > a span{font-size:2.1rem;margin-right:.3rem;color:#09c;width:3rem;text-align:center;display:inline-block}
.about > ul > li > a > i{position:absolute;right:1rem;top:2.4rem;width:1rem;height:1rem;border-right:2px solid #999;border-bottom:2px solid #999;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
.show-um li{padding:.6rem 0}
.show-um li i{float:left;height:5rem;width:5rem;border-radius:50%;color:#fff;line-height:5rem;font-style:normal;font-size:4rem;text-align:center;background-color:#09c;font-family:arial;margin-top:.5rem}
.um-desc{padding-left:6.2rem}
.um-desc h3{font-size:1.8rem}
.um-desc p{color:#888}
.show-um li > span{float:left;height:5rem;width:5rem;margin-top:.6rem}
.um-desc p span{color:#f25a29;margin:0 3px}
.show-bm{padding:1rem 0 1.5rem}
.animate{-webkit-transition:all ease-out .2s;transition:all ease-out .2s}
.about-show{opacity:0;display:none}
.about > ul > li.on > a > i{-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.about > ul > li.on .about-show{opacity:1;display:block}
.about > ul > li em{color:rgba(255,0,0,1);margin-left:5px;font-size:1.6rem;display:inline-block}
.yan-con{padding:1.5rem 1rem 0}
.yan-um{background-color:#fff;border:1px solid #ddd;border-radius:.6rem}
.yan-um li{border-bottom:1px solid #ddd;padding-left:5.4rem;position:relative;height:4.3rem;line-height:4.3rem}
.yan-um li:last-of-type{border:none}
.yan-um li i{position:absolute;left:1.5rem;top:0;font-size:2.4rem;color:#8ED05A;font-weight:bold}
.yan-um li:nth-of-type(2) i{color:#FFA63C}
.yan-um li:nth-of-type(3) i{color:#36d9cc}
.yan-um li:nth-of-type(4) i{color:#00d97e}
.yan-um li:last-of-type i{color:#ff66b2}
.yan-um li input{border:0 none;background-color:transparent;width:90%;height:3.5rem}
.yan-btn{margin-top:1.5rem;background-color:#fe932b;border-radius:.6rem;height:4rem;color:#fff;text-align:center;line-height:4rem;font-size:1.8rem;width:100%;border:0 none}
.yan-um li.yan-um-lk{height:10rem}
.yan-um li.yan-um-lk textarea{height:9.5rem;width:90%;border:none}
.yan-um li input.formTitle{width:50%}
#imgid{color:#ff66b2}

.m-page{width:100%;-webkit-transition:all ease-in-out .2s;transition:all ease-in-out .2s;-webkit-transform:translateX(100%);transform:translateX(100%);min-height:100%;position:absolute;left:0;top:0;margin-top:46px;display:none}
.m-page.cur{-webkit-transform:none;transform:none}
.item-t li > a img{width:14rem;max-height:16rem;height:auto}
.item-t2 li > a img{width:14rem;max-height:11rem;height:auto}
.lx-show p{margin-bottom:.6rem}
.lx-show p.lx-m{margin-left:7rem}
.lx-show p span,.lx-show p a{color:#09c;font-size:1.6rem}

.tips-container{width:80%;z-index:9999}
.tips-item{height:auto;background:#333;opacity:.9;-moz-border-radius:10px;-webkit-border-radius:10px;color:#eee;padding-top:18px;padding-bottom:18px;padding-left:6px;padding-right:6px;font-family:lucida Grande;font-size:14px;display:block;position:relative;margin:0 0 12px 0}
.tips-item p{text-align:left;margin-left:40px}
.tips-img{width:20px;height:20px;margin-left:10px;float:left;margin-top:-2px}
.tips-img-error{background:url(../images/notice.png);background-size:cover}
.tips-pos-middle{position:fixed;top:20px;left:50%;position:fixed;top:50%;left:50%;margin-top:-60px;margin-left:-40%}