@charset "utf-8";
/* CSS Document */
html{font-family:"Microsoft YaHei";font-size:14px;color:#666;word-break:break-all;text-overflow:ellipsis}
body,button, input, select, textarea{ font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{padding:0;margin:0;border:0 none;font-family:"Microsoft YaHei";}
img,input{border:0;vertical-align:middle}
input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -webkit-appearance: none; }
ul,li{list-style:none;margin:0;padding:0;}
form{padding:0;margin:0}
img{border:0}
a{COLOR:#666;blr:expression(this.onFocus=this.blur());text-decoration:none;}
a:focus{outline:0}
a:hover{ -webkit-tap-highlight-color: transparent; }
input{outline:none;}
.wrap{width:100%; overflow:hidden; max-width:750px; min-width:320px; margin:0 auto; position:relative;  z-index:10; background:#fff; height:100%}
.loading{width:100%;max-width:1000px; min-width:320px; margin:0 auto; z-index:9999999; background:#fff; text-align:center; position:fixed; height:100%; display:table-cell; overflow:hidden}
.loading div{padding-top:40%}
.loading div img{width:80px; }
.navmun{width:220px; overflow:hidden}
.navmun h3{text-align:center; color:#f1f1f1; font-size:1.25em; height:40px; line-height:50px;}
.navmun h4{text-align:center; color:#f1f1f1; font-size:1em; height:20px; line-height:20px;padding-bottom:10px;border-bottom:1px #ccc  dashed;}
.navmun ul{ overflow:hidden;}
.navmun ul li{width:220px;margin:0 auto;border-bottom:1px solid #ffffff; height:0.50rem; line-height:0.50rem; font-size:0.20rem;}
.navmun ul li a{display:block;width:100%;color:#fff;text-indent:60px;}
.navmun li:last-child{margin-bottom:20%;}
#nav{width:220px; overflow:hidden; position:absolute;background:#005ca3; right:0;top:0; z-index:9;overflow-y:scroll;height:550px; display:none; }
.header {background: #fff; overflow:hidden; position:relative; height:1rem;}
.phone{width:0.4rem; position:absolute; top:0.2rem; left:0.2rem;}
.phone img{width:100%;}
.logo {margin-top:0.35rem; margin-left:0.1rem}
.logo a{width:3rem; display:block; max-width:228px}
.logo img{width:100%;vertical-align:middle;}
.mulu{width:0.4rem;position:absolute;top:0.42rem; right:0.2rem;}
.mulu img{width:100%;}
.g-adv{position:relative;width:100%;margin:0 auto 0 auto;z-index:15; min-width:320px; max-width:100%; }
.g-adv .m-box img{display:block;position:relative;width:100%;}
.g-adv .m-cnt{width:100%;position:absolute;bottom:0.1rem;left:0;z-index:10; text-align:center}
.g-adv .m-cnt a{width:0.1rem;height:0.1rem; background:#fff;opacity:0.4; margin-right:0.05rem; display:inline-block;border-radius:50%}
.g-sbox .m-cnt{background:#dfdfdf;position:relative;border-bottom:1px solid #BDBAB7;}
.g-adv .m-cnt a.z-on{background:#fff;opacity:1;}
.dingwei h1{color:#373c40; font-size:0.28rem; text-align:center; margin:0.2rem; line-height:0.5rem; font-weight:normal}
.dingwei h1 em{color: #000;font-style: normal;}
.dingwei p{ font-size:0.22rem;color: #999999; line-height:0.35rem; margin:0 0.3rem; text-align:center}
.type{ margin:0.2rem 0.3rem; overflow:hidden;}
.type ul li{ float:left;background: #f4f4f4; width:1.68rem; height:0.45rem; line-height:0.45rem; text-align:center; margin:0.1rem 0.1rem; font-size:0.22rem;}
.type ul li a{display:block}
.type ul li a:hover{ color:#666;}
.type ul li.on{ background:#000; color:#fff;}
.type ul li.on a{color:#fff;}
.type ul li.on a:hover{color:#fff;}
.list{ width:100%; overflow:hidden;}
.list ul li{width:100%; overflow:hidden; margin-bottom:0.2rem;}
.list ul li div{width:100%;overflow:hidden;}
.list ul li div img{width:100%; height:100%}
.list ul li span{ font-size:0.24rem;color:#333; height:0.4rem; line-height:0.4rem;overflow:hidden; margin:0.2rem 0.2rem 0; display:block;}
.list ul li p{ font-size:0.22rem; color:#666; line-height:0.3rem;height:0.3rem;overflow:hidden;margin:0.1rem 0.2rem 0.2rem;}
.case-more{width:2rem; height:0.5rem; line-height:0.5rem; border:2px solid #f94522; margin:0.3rem auto 0.6rem;}
.case-more a{color:#f94522; display:block; font-size:0.22rem; text-align:center;}
.ser{overflow:hidden}
.ser ul li{overflow:hidden; margin:0.2rem; background:#f8f8f8}
.ser ul li div img{width:100%;}
.ser ul li dl{overflow:hidden;text-align:center; padding:0.2rem}
.ser ul li dt{ font-size:0.24rem; line-height:0.6rem; color:#666;}
.ser ul li dd{ font-size:0.22rem; line-height:0.3rem; color:#999;}
.cus{overflow:hidden; margin:0.4rem 0.2rem 0.2rem;}
.cus ul{width:6rem}
.cus ul li{width:1.8rem; height:0.6rem; float:left; overflow:hidden; margin:0.2rem 0.2rem 0.2rem 0;}
.cus ul li img{-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filte:grayscale(100%);filter: grayscale(100%);filter: black;width:100%;}
.ys,.lc,.message{ overflow:hidden; margin-top:0.6rem}
.ys_tit,.lc_tit,.message_tit{text-align:center; font-size:0.28rem;color:#333;font-weight:bold; margin-bottom:0.5rem}
.ys1{ margin:0.3rem 0.5rem; overflow:hidden; height:0.5rem; line-height:0.5rem; font-size:0.24rem; overflow:hidden; text-align:center; background:#f16c6c;border-radius:0.3rem;color:#fff;}
.ys1_con{margin:0.3rem 0.5rem 0 0.7rem;background:url(../images/ys1.png) no-repeat; height:1.3rem; background-size:100%; font-size:0.22rem; position:relative;color:#363636; }
.ys1_con .y1{ position:absolute; top:1rem; left:0rem;}
.ys1_con .y2{ position:absolute; top:1rem; left:1.7rem;}
.ys1_con .y3{ position:absolute; top:1rem; right:0.1rem;}
.ys2{ margin:0.3rem 0.5rem; overflow:hidden; height:0.5rem; line-height:0.5rem; font-size:0.24rem; overflow:hidden; text-align:center; background:#20c5a8;border-radius:0.3rem;color:#fff;}
.ys2_con{width:100%}
.ys2_con img{width:100%}
.ys3{ margin:0.3rem 0.5rem; overflow:hidden; height:0.5rem; line-height:0.5rem; font-size:0.24rem; overflow:hidden; text-align:center; background:#f0bd0b;border-radius:0.3rem;color:#fff;}
.ys3_con{margin:0.3rem 0.5rem;}
.ys3_con img{width:100%}
.ys4{ margin:0.3rem 0.5rem; overflow:hidden; height:0.5rem; line-height:0.5rem; font-size:0.24rem; overflow:hidden; text-align:center; background:#3ba2e6;border-radius:0.3rem;color:#fff;}
.ys4_con{width:100%}
.ys4_con img{width:100%}
.lc_con{ margin:0.2rem; overflow:hidden}
.lc_con img{width:100%}
.message ul{ margin:0.3rem 0.2rem 0; overflow:hidden;}
.message ul li{height:0.6rem; line-height:0.6rem; overflow:hidden; height:1rem;}
.message ul li input{height:0.6rem;  border:1px solid #e5e5e5;padding:0 0.1rem;width:5.61rem;color:#666; font-size:0.24rem;border-radius:0.1rem}
.message ul li p{ line-height:0.3rem; color:#f00; font-size:0.2rem}
.message ul li input.btn{ background:#ff7327; color:#fff; text-align:center; border:none; width:5.85rem;}
.message ul li .zx{height:0.6rem; line-height:0.6rem; border:1px solid #ff7327; text-align:center; display:block; font-size:0.24rem; color:#ff7327;border-radius:0.1rem}
.message em{ font-size:0.2rem; color:#999; font-style:normal; margin:0.2rem;}
.nav{width:100%; background:#fff; position:fixed; top:1rem; z-index:9999; border-top:1px solid #bbbbbb; padding:0.5rem 0; display:none; height:100vh}
.nav ul li{color:#000; font-size:0.28rem; line-height:0.6rem; overflow:hidden; margin:0.1rem 0.3rem;}
.nav ul li a{color:#000; display:block}
.line{width:0.5rem; height:0.1rem;border-bottom:0.03rem solid #000;margin:0.1rem 0.3rem;}
.phone-num{margin-left:0.3rem; font-size:0.25rem;color:#7d7d7d; line-height:0.8rem;}
.phone-num a{ font-size:0.3rem;}
.n_banner{width:100%;}
.n_banner img{width:100%}
.message ul li.msg{ height:2.2rem;}
.message ul li.msg textarea{ height:1.8rem; border:1px solid #e5e5e5;padding:0 0.1rem;width:5.61rem;color:#666; font-size:0.24rem;border-radius:0.1rem; line-height:0.5rem}

.aboutus{ background:#f5f2f2; width:100%; overflow:hidden;}
.about_tit{ margin:0.5rem 0.2rem; overflow:hidden; font-size:0.28rem; color:#000; text-align:center; line-height:0.5rem; font-weight:bold}
.about_tit p{ font-size:0.22rem; color:#666666; line-height:0.4rem; margin:0.3rem 0; font-weight:normal}
.about_tit em{width:2rem; height:0.5rem; line-height:0.5rem; text-align:center; border:0.02rem solid #666666; display:block; font-size:0.22rem; font-style:normal; margin:0 auto;}
.about_tit em a{color:#666; display:block}
.team{overflow:hidden; width:100%;}
.team_tit{font-size:0.28rem; text-align:center; color:#000; margin:0.5rem 0.2rem;}
.team ul li{ float:left; width:2.72rem; overflow:hidden; margin:0.2rem;}
.team ul li div{width:1.8rem; overflow:hidden; text-align:center; margin:0 auto;}
.team ul li div img{width:100%}
.team ul li h3 {font-size:0.24rem;color:#464646;text-align: center;margin-top:0.2rem; height:0.4rem;line-height:0.4rem;overflow: hidden;}
.team ul li span {display: block;font-size:0.2rem;color: #959595;text-align: center;line-height:0.4rem;}
.team ul li p {font-size:0.2rem;line-height:0.35rem; text-align:center;color: #464646;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;}
.history{ margin-top:0.5rem; overflow:hidden;}
.history dl,.history dt,.history dt img{width:100%;}
.history dd{ margin:0.3rem; overflow:hidden;}
.history dd span{ font-size:0.28rem; color:#333; text-align:center; display:block;margin-bottom:0.2rem}
.history dd p{color:#585858; font-size:0.22rem; line-height:0.35rem; }
.history dd p em{ font-style:normal; color:#e60012}
.services{ background:#f5f2f2; width:100%; overflow:hidden;}
.ser_tit{ margin:0.5rem 0.2rem; overflow:hidden; font-size:0.28rem; color:#000; text-align:center; line-height:0.5rem; font-weight:bold}
.ser_tit p{ font-size:0.22rem; color:#666666; line-height:0.4rem; margin:0.3rem 0; font-weight:normal}
.ser_tit em{width:2rem; height:0.5rem; line-height:0.5rem; text-align:center; border:0.02rem solid #666666; display:block; font-size:0.22rem; font-style:normal; margin:0 auto;}
.ser_tit em a{color:#666;}
.what{overflow:hidden; width:100%;}
.what_tit{font-size:0.28rem; text-align:center; color:#000; margin:0.5rem 0.2rem;}
.what dl,.what dt,.what dt img{width:100%;}
.what dd{ margin:0.3rem; overflow:hidden;}
.what dd span{ font-size:0.28rem; color:#333; text-align:center; display:block; margin-bottom:0.2rem}
.what dd p{color:#585858; font-size:0.22rem; line-height:0.35rem; text-align:center}
.news_list{width:100%; overflow:hidden;}
.news_list dl{width:100%; overflow:hidden;}
.news_list dl dt{width:100%; overflow:hidden}
.news_list dl dt img{width:100%; height:100%}
.news_list dl dd{ margin:0.2rem; overflow:hidden; }
.news_list dl dd span{color:#333; font-size:0.24rem; overflow:hidden;white-space: nowrap;text-overflow: ellipsis; display:block}
.news_list dl dd p{ font-size:0.22rem; line-height:0.35rem; overflow:hidden;color:#666; margin-top:0.2rem;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;}
.news_list dl dd em{width:0.9rem; display:block; border-bottom:0.03rem solid #333;height:0.1rem; overflow:hidden; margin-top:0.1rem}
.news_list dl dd i{ font-size:0.22rem;color:#666666; display:block; line-height:0.6rem; font-style:normal}
.xq{margin:0.5rem 0.2rem; overflow:hidden;}
.xq_tit{ font-size:0.28rem; line-height:0.5rem; overflow:hidden;color:#000; text-align:center}
.xq_subtit{ font-size:0.22rem; margin-top:0.1rem; overflow:hidden; text-align:center;color:#959595;}
.txt_wb{ margin-top:0.5rem; font-size:0.22rem; line-height:0.35rem;}
.txt_wb img{ max-width:100%}
.shareW{ margin-top:0.5rem;}
.shareW b{float:left ;padding:0.1rem; display:inline-block; text-align:center; background:#ff7f00; color:#fff; font-size:16px; font-weight:normal; margin-right:0.1rem;}
.shareW b a{color:#fff;}
.bdsharebuttonbox { margin-left:1.5rem;} 
.bdsharebuttonbox span{ float:left; font-size:0.22rem;}
.share_com a{ display:inline-block;width:40px!important;height:40px !important; margin:0 !important; background:url(../images/share.png) no-repeat left center !important; margin-right:0.1rem !important; padding-left:0 !important; background-size:200%}
.share_com a.wb{ background-position:7px 0 !important; }
.share_com a.kj{ background-position:-28px 0 !important; }
.share_com a.wx{ background-position:-61px 0 !important; }
.share_com .bdsharebuttonbox{ display:inline-block; }
.more_case_tit{font-size: 0.28rem;text-align: center;color: #000;margin: 0.5rem 0.2rem;}
.copyright{background:#000000; margin-top:0.3rem; padding:0.2rem; margin-bottom:0.8rem;}
.copy_tit{ font-size:0.28rem; color:#fff; margin-top:0.1rem;}
.copy_con{ font-size:0.22rem; line-height:0.35rem;color:#999999; margin-bottom:0.5rem;}
.copy_con span{ font-size:0.3rem; color:#f94522; font-weight:bold}
.copy_con span a{color:#ffe600;}
.copy_con em{ background:#ffe600; width:0.5rem; height:0.2rem; padding:0 0.1rem; font-style:normal;color:#2e2e38;}
.copy_con a{color:#999999}
.f_logo{ margin:0.1rem 0; overflow:hidden; width:2rem;}
.f_logo img{width:100%}
.footer{width: 100%;height: 0.8rem;position: fixed!important;bottom: 0;z-index: 9999;-webkit-transition: all 0.3s ease-in-out 0s;-moz-transition: all 0.3s ease-in-out 0s;-ms-transition: all 0.3s ease-in-out 0s;transition: all 0.3s ease-in-out 0s;max-width:750px;min-width: 320px;margin: 0px auto; background:#fff}
.footer li{display: block;float: left;width: 25%;color: #ffffff; text-align: center;}
.footer li a.on h3{color:#ff7327}
.footer li h3{width: 100%;text-align: center;font-size:0.22rem;color:#313131; font-weight:normal}
.footer li span{ width:0.4rem; height:0.4rem; overflow:hidden; display:block; margin:0.1rem auto 0;}
.footer li.home span{background:url(../images/home.png) no-repeat top center; background-size:80%}
.footer li.anli span{background:url(../images/ali.png) no-repeat top center; background-size:80%}
.footer li.about span{background:url(../images/about.png) no-repeat top center; background-size:80%}
.footer li.zixun span{background:url(../images/zixun.png) no-repeat top center; background-size:80%}

.footer li.home .on span{background:url(../images/home_1.png) no-repeat top center; background-size:80%}
.footer li.anli .on span{background:url(../images/ali_1.png) no-repeat top center; background-size:80%}
.footer li.about .on span{background:url(../images/about_1.png) no-repeat top center; background-size:80%}

div.flickr a{margin-right:0.05rem;border:1px solid #ccc;padding:0.08rem 0.16rem;border-radius:0.02rem;}
div.flickr a:hover{border-right:#f97200 1px solid;border-top:#f97200 1px solid;background-image:none;border-left:#f97200 1px solid;color:#fff;border-bottom:#f97200 1px solid;background-color:#f97200}
div.meneame a:active{border-right:#f97200 1px solid;border-top:#f97200 1px solid;background-image:none;border-left:#f97200 1px solid;color:#fff;border-bottom:#f97200 1px solid;background-color:#f97200}
div.flickr span{ margin-right:0.05rem}
div.flickr span.current{margin-right:0.05rem;padding:0.08rem 0.16rem;color:#fff;font-weight:700;background:#f97200;border-radius:0.02rem;border:1px solid #f97200}
div.flickr span.disabled{color:#adaaad;margin-right:0.1rem;border:1px solid #ccc;padding:0.08rem 0.16rem;border-radius:0.02rem}
div.flickr{padding:0;text-align:center;font-family:Verdana;font-size:0.2rem;text-align:center; height:0.5rem; margin-top:0.3rem}


