@charset "utf-8";
/*公共头部--01*/

.ui-header{min-width: 320px;max-width: 720px;color:#fff; height:0.9rem;margin:auto;z-index:4;box-sizing:border-box; background-color:#2a62b7}
.ui-header.active{height:0.9rem;width:100%; position:fixed;top:0px; margin:0 auto; z-index:4;box-shadow: 0 6px 8px rgba(0, 0, 0, 0.06);}
.ui-header-left{ position:absolute; right: 0;; left:0; width:1.57em;height:0.51rem; margin: 0.2rem auto 0px;}
.ui-header-left2{ position:absolute; top:0; left:0;width:0.46rem;margin-left:0.29rem;}
.ui-header-right{top:0.13rem;  right:0;margin-right:0.25rem;position:absolute;width:0.62rem;}
.ui-header-right2{top:0;  right:0.72rem;position:absolute;width:0.62rem; margin-right:0.2rem}
.ui-header-ico-home{ background:url(../img/logo.png) no-repeat center; height:0.51rem;display:block;  background-size:100% auto; }
.ui-header-ico-menu2{ background:url(../img/mumen.png) no-repeat bottom center;background-size:100% auto; display:block;font-size: 0.3rem;color: #fff;height: 0.6rem; }
.ui-header-ico-seach{ background:url(../img/seacherbot.png) no-repeat center;height:0.9rem; background-size:100% auto; display:block}
.ui-header-ico-back{ background:url(../img/sorrw_back.png) no-repeat center;height:0.9rem; background-size:100% auto; display:block}
.ui-header p{ position:relative; text-align:center; font-size:0.35rem; color:#fff; line-height:0.9rem; z-index:-9}
/**************************banner*****************************/
.main_visual {position: relative;z-index: 1;min-width: 320px;max-width: 720px; margin:0 auto;}
.main_image {width: 100%;height: 100%;overflow: hidden;margin: 0 auto;position: relative}
.main_image ul {width: 9999px;height: 100%;overflow: hidden;position: absolute;top: 0;left: 0}
.main_image li {float: left;width: 100%;height: 100%;}
.main_image li span {display: block;width: 100%;height: 100%}
.main_image li img {display: block;overflow: hidden;width: 100%;max-height:4.59rem;}
.main_image li a {display: block;width: 100%;height: 100%}
div.flicking_con {overflow: hidden;text-align: center;position: absolute;bottom:0.25rem;left: 45%;z-index: 11;}
div.flicking_con li {float: left;height:6px;width:6px;margin: 0 4px;display: inline-block; border:1px solid #4f4f4f; background-color:#4f4f4f; border-radius:50%}
div.flicking_con li.on { background-color:#2a62b7; border:1px solid #2a62b7}
/**************************服务范围*****************************/
.fwbox{width: 100%;height: auto;overflow: hidden;margin: 0px auto;}
.fwbox .fwboxlist{width: 50%;float: left;box-sizing: border-box;border-right: 1px solid #f0f0f0;padding: 0.4rem 0px 0.6rem;background: url(../img/lodeing.png)no-repeat center 95%;}
.fwbox .fwboxlist a .pic{width: 2.2rem;height: 2.2rem;margin: 0px auto 0.28rem; overflow: hidden; text-align: center;border-radius: 50%;}
.fwbox .fwboxlist a .pic img{width: 100%;border-radius: 50%;}
.fwbox .fwboxlist a .title{width: 2.8rem;height: 0.55rem;background: url(../img/main_img4.jpg)no-repeat bottom center;font-size: 0.3rem;color: #333; text-align: center;margin: 0px auto;}
.fwbox .fwboxlist a p.p2{width: 2.8rem;height: 0.6rem;margin: 0.15rem auto 0; line-height: 0.3rem;font-size: 0.22rem;color: #666;display: -webkit-box;    -webkit-box-orient: vertical;    -webkit-line-clamp: 2;    overflow: hidden;}

/**************************关于我们*****************************/
.ind_aboutbg{width: 100%; height: auto;overflow: hidden;background: url(../img/aboutbg.jpg)no-repeat top center; background-size: 100%; padding: 0.6rem 0px;}
.ind_title{font-size: 0.38rem; color: #fff; text-align: center;}
.ind_abouttxt{width: 92%;height: auto;overflow: hidden;margin: 0.25rem auto ;font-size: 0.24rem;color: #fff; line-height: 0.46rem;    display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.aboutnumlist{width: 100%;height: auto;overflow: hidden;margin: 0.5rem auto;}
.aboutnumlist ul li{width: 33.3%;float: left; text-align: center;position: relative;}
.aboutnumlist ul li p.p1{ font-size: 0.2rem;color: #fff;}
.aboutnumlist ul li p.p1 span{font-size: 0.5rem; font-family: Arial;font-weight: bold;display: inline-block;padding-right:0.1rem;}
.aboutnumlist ul li p.p2{font-size: 0.2rem; line-height:0.45rem;color: #c9caca;}
.aboutmore{width: 2.01rem;height: 0.54rem;overflow: hidden;margin: 0.6rem auto 0.2rem;background: url(../img/more2.png)no-repeat center;background-size: 100%;}
.aboutmore span{font-size: 0.2rem;color: #fff;display: inline-block; float: left;line-height: 0.54rem;padding-left: 0.4rem;}
/**************************设备展示*****************************/
.shebbox{width: 100%;height: auto;overflow: hidden;background: url(../img/bg1.jpg)repeat top center; padding-bottom: 0.5rem;background-size: 100%;}
.shebboxtitle{width: 100%; height: 1.35rem;background: url(../img/titlesorrw.png)no-repeat center bottom;background-size: 45%;}
.shebboxtitle .shebtt{width: 100%; text-align: center;font-size: 0.38rem;color: #222; line-height: 1.35rem;}
.sheblable{width: 100%; font-size: 0.22rem; color: #888; text-align: center; padding: 0.25rem 0px;}
.sheblist{width: 100%;height:auto;overflow: hidden;}
.sheblist .sheblistp{width: 50%;float: left;box-sizing: border-box;overflow: hidden;}
.sheblist .sheblistp a .pic{width: 3.15rem;height: 3.6rem;margin: 0.2rem auto;background-color: #fff;box-shadow: 0px 0px 20px 8px rgba(244,244,244,0.85); text-align: center;padding: 0.25rem 0px 0px;font-size: 0px;}
.sheblist .sheblistp a .pic img{height: 3.25rem;max-width: 3.25rem;margin: 0px auto;}
.sheblist .sheblistp a .title{width: 100%;text-align: center;font-size: 0.24rem;color: #333;line-height: 0.45rem;overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;}

/*案例展示*/
.casetopbg{width: 100%; height: 100%; background: url(../img/case_bgtt.png) repeat-x bottom center;position: absolute;left: 0;right: 0;margin: 0px auto;z-index: 1;}
.caseboxbg{width: 100%;height: auto;overflow: hidden;background: url(../img/bg3.jpg)repeat top center; padding-bottom: 0.5rem;background-size: 100%;}
.caseboxlist{width: 92%;height:auto;margin: 0.1rem auto 0px;overflow: hidden;}
.caseboxlist ul li{width: 100%;float: left; position: relative;margin-bottom: 0.2rem;}
.caseboxlist ul li a .pic{width: 100%;overflow: hidden;text-align: center;}
.caseboxlist ul li a .pic img{width: 100%;float: left;}
.caseboxlist ul li a .lablett{position: absolute;bottom: 0px;color: #fff;font-size:0.22rem;line-height: 0.58rem;text-align: center;width: 100%;z-index: 2;}

/* 新闻资讯 */
.nwlistbg{width: 100%;height:auto;overflow: hidden; border-top: 1px solid #eaeaea; padding-bottom: 0.3rem;}
.nwlistnav{width: 92%;height: auto;margin: 0.2rem auto 0px;overflow: hidden;}
.nwlistnav a{display: inline-block;width: 48%;float: left;margin: 0px 1%;overflow: hidden;background-color: #ededed;height: 0.65rem;line-height: 0.65rem; font-size: 0.26rem;color: #333; text-align: center;border-radius: 6px;}
.nwlistboxtop{width: 92%;height: auto;margin: 0.35rem auto 0.25rem;overflow: hidden;box-shadow: 0px 0px 20px 8px rgba(244,244,244,0.85);}
.nwlistboxtop a .pic{width: 100%; height:auto;overflow: hidden;margin: 0px auto 0.2rem;}
.nwlistboxtop a .pic img{width: 100%; float: left;}
.nwlistboxtop a p.p1{ font-size: 0.26rem;color: #111; margin: 0px 0.25rem; overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap; line-height: 0.45rem;}
.nwlistboxtop a p.p2{font-size: 0.24rem;color: #777;margin: 0px 0.25rem; overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;line-height: 0.45rem;}
.nwlistboxtop a p.p3{font-size: 0.24rem;color: #999;margin: 0px 0.25rem; overflow: hidden;line-height: 0.45rem;padding-bottom: 0.15rem; }
.nwlists{width:92%;height: auto;margin: 0px auto;overflow: hidden;}
.nwlists ul li{width: 100%;float: left;overflow: hidden; border-bottom: 1px dashed #e5e5e5;line-height: 0.62rem;background: url(../img/newscoin.png)no-repeat left center;background-size: 1.8%;}
.nwlists ul li a span{display: inline-block;float: left;padding-left: 0.22rem;font-size: 0.24rem;color: #222;width: 75%;overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;}
.nwlists ul li a i{display: inline-block; float: right; font-family: Arial;font-size: 0.24rem;color: #aeaeae;}
.newmore{width: 2.7rem;height: 0.58rem;overflow: hidden;margin: 0.4rem auto 0.2rem;background: url(../img/more1.png)no-repeat center;background-size: 100%;}
.newmore span{font-size: 0.24rem;color: #2a62b7;display: inline-block; float: left;line-height: 0.58rem;padding-left: 0.8rem;}
.nwlistboxtop ul li{ margin-bottom: 0.2rem;box-shadow: 0px 0px 20px 8px rgba(244,244,244,0.85);}
/* 合作伙伴 */
.conparebg{width: 100%;height: auto;overflow: hidden;margin:0rem auto 0px;background: url(../img/bg2.jpg)no-repeat top center;background-size: 100%;padding: 0rem 0px 0.15rem;}
.conparebg .contt{width: 100%; font-size: 0.38rem;color: #333; text-align: center; padding: 0.35rem 0px;overflow: hidden;}
.conparelist{width: 96%; height: auto;margin: 0rem auto 0px;overflow: hidden;}
.conparelist ul li{width: 46%;float: left;margin: 0px 2% 0.2rem;overflow: hidden; text-align: center;background-color: #fff;}
.conparelist ul li img{width: 100%;float: left;}
/* 友情链接 */
.friendlist{width: 96%; height: auto;margin: 0rem auto 0px;overflow: hidden;}
.friendlist a{display: inline-block;float: left; padding: 0px 0.15rem 0.15rem;color: #333;font-size: 0.24rem;}

/*首页底部联系*/
.infooteradd{width: 6.8rem; height: auto; overflow: hidden; margin: 0.4rem auto 0.4rem;}
.infooteradd .logopic{width: 100%;text-align: left; overflow: hidden; }
.infooteradd p.p1{ font-size: 0.2rem; color: #333; line-height: 0.45rem;}
.infooteradd p.p1 i{ font-weight: bold}

.bottom-fixed{bottom: 0;position: fixed;text-align: center;width:100%;z-index: 9999;min-width: 320px;max-width: 720px; margin:0 auto;}
.footer {display: block;text-align: center; background-color:#2a62b7; overflow:hidden; color:#FFF; height:1rem}
.footer li{float:left; width:25%; padding:0.08rem 0px 0.08rem; overflow:hidden;box-sizing:border-box}
.footer li a .footpic{ width:0.48rem; height:0.48rem; text-align:center;margin:0 auto 0.02rem; }
.footer li a .footpic1{background:url(../img/ft_coin1.png) no-repeat center;background-size:82% auto}
.footer li a .footpic2{ background:url(../img/ft_coin2.png) no-repeat center; background-size:85% auto}
.footer li a .footpic3{background:url(../img/ft_coin3.png) no-repeat center;background-size:75% auto}
.footer li a .footpic4{background:url(../img/ft_coin4.png) no-repeat center;background-size:82% auto}
.footer li a p{color:#fff; text-align:center; line-height:0.35rem; font-size:0.24rem}

.clbanner{width: 100%;height:auto;overflow: hidden;margin: 0px auto; text-align: center;}
.clbanner img{width: 100%; float: left;}

.cltitle{ width:100%; height:auto; overflow:hidden; text-align:center; font-size:0.3rem; font-weight:bold; padding:0.38rem 0px 0.15rem;}
/************************** 内页*****************************/
.main{width:100%;margin:0 auto;overflow: hidden;line-height:0.28rem;}
.news_pptbg{ width:100%; height:auto; overflow:hidden; padding-bottom:0.3rem; min-height:5.5rem}
.nei{margin:0px auto 0.2rem;width: 96%;}
.nei_name{font-weight: normal; background-color:#f4f4f4;height:0.75rem;line-height:0.75rem; padding-left:0.2rem;color:#000; font-size:0.28rem}
.nei_name>span{color:#d4d4d4;font-family: Arial; text-transform:uppercase; font-size:0.13rem}
.cont{ padding:0.2rem 0px 0rem; line-height:0.4rem; font-size:0.25rem; color:#333; min-height:5.5rem}
ul.Sort1 > li.s1>a{ background:url(../img/down.png) no-repeat #f4f4f4 95% 50% ;background-size:16px 8px;}
ul.Sort1 > li.s2>a{background:url(../img/up.png)no-repeat #f4f4f4 95% 50%;background-size:16px 8px; }
ul.Sort1 > li.s2{ border-bottom: 1px solid #ebebeb;}
ul.Sort1 > li > a{ color:#000; padding-left:4%; display:block; font-family:Microsoft YaHei}

ul.Sort2{ margin:0 0.09rem 0.04rem; overflow:hidden; display:none; background:#FFF; padding:0.1rem 0;}
ul.Sort2 > li{  margin:0.05rem 1%; float:left;display: inline-block;text-align: center; height:0.69rem; overflow:hidden; line-height:0.69rem; background:#f8f8f8; width:31%; font-size:0.85em}
ul.Sort2 > li > a{ color:#333;display:block; font-weight:bold; font-size:0.25rem}
ul.Sort2 > li > a.a1{ color:#fff; background-color:#2a62b7}
ul.Sort2 > li:hover{ background-color:#2a62b7}
ul.Sort2 > li:hover > a{ color:#fff}
ul.Sort3 > li.s3>a{ background:url(../img/down.png) no-repeat 95% 50% ;background-size:16px 8px;}
ul.Sort3 > li.s4>a{background:url(../img/up.png)no-repeat 95% 50%;background-size:16px 8px; }
ul.Sort3 > li.s4{ border-bottom: 1px solid #ebebeb;}
ul.Sort3 > li > a{ color:#000; padding-left:4%; display:block; font-family:Microsoft YaHei}

ul.Sort4{ margin:0 0.09rem 0.04rem; overflow:hidden; display:none; background:#FFF; padding:0.1rem 0;}
ul.Sort4 > li{  margin:0.05rem 1%;font-size:0.25rem; text-align: center; height:0.69rem; line-height:0.69rem; font-size:0.85em; overflow:hidden; float:left; display:inline-block}
ul.Sort4 > li.li1{ width:31%;background: #f8f8f8; overflow:hidden}
ul.Sort4 > li.li1 > a.a2{ background:#f8f8f8; display:inline-block; line-height:0.69rem; overflow:hidden}
ul.Sort4 > li.li1 > a.a1{ color:#fff; background-color:#000; display:block}
ul.Sort4 > li.li2{ width:13%}
ul.Sort4 > li.li2 >a.pic{ margin:0.05rem 1%; overflow:hidden}
ul.Sort4 > li.li2 >a.a1 img{border:1px solid #000; overflow:hidden; display:inline-block}
ul.Sort4 > li.li2 >a.pic >img{ height:0.6rem}
/*内页产品展示*/
.class_product_list{width:100%; height:auto; overflow:hidden;  padding:0.35rem 0px ;}
.class_product_list ul li{ width:3.4rem; height:4.27rem; margin:0px 0.1rem 0.2rem; float:left; background:url(../img/img/product_bg.png) no-repeat top center; background-size:100%}
.class_product_list ul li a .pic{ width:3.15rem; height:3.35rem; overflow:hidden; text-align:center; margin:0.14rem auto 0px;}
.class_product_list ul li a .pic img{ height:3.35rem}
.class_product_list ul li a p{color: #070505;padding:0.18rem 0.1rem 0px;overflow: hidden;font-size: 0.22rem;text-overflow: ellipsis;white-space: nowrap;}
.class_news_bg{ padding:0.35rem 0px 0px; overflow:hidden}

/*联系我们样式*/
.contant_bg{ width:100%; height:3.55rem; margin-top:1rem;    position: relative;}
.contan_right{background-color:#fff; border-radius:6px; box-shadow: 0 6px 8px rgba(0, 0, 0, 0.06);}
.contan_right p.p1{ font-size:0.26rem; font-weight:bold;padding:0.35rem 0.25rem 0.24rem; text-align:left}
.contan_right p.p2{ font-size:0.26rem; line-height:0.4rem;text-align:left;font-weight:bold;background:url(../img/c3.png) no-repeat left center;background-size:5%; margin:0px 0.25rem 0rem; padding-left:0.6rem}
.contan_right p.p3{ font-size:0.26rem; line-height:0.55rem;text-align:left;font-weight:bold;background:url(../img/contan_coin2.png) no-repeat left center; margin:0px 0.25rem 0rem; padding-left:0.6rem}
.contan_right p.p4{ font-size:0.26rem; line-height:0.55rem;text-align:left;font-weight:bold;background:url(../img/c1.png) no-repeat left center; background-size:4.5%;margin:0.15rem 0.25rem 0rem; padding-left:0.6rem}
.contan_right p.p5{ font-size:0.26rem; line-height:0.55rem;text-align:left;font-weight:bold;background:url(../img/c2.png) no-repeat left center;background-size: 5.5%;  margin:0px 0.25rem ; padding-left:0.6rem; padding-top:0.15rem}
.contan_right .righ_cin{ width:100%; height:0.9rem; background-color:#465a48; color:#fff; overflow:hidden; border-radius:0px 0px 6px 6px;}
.contant_box_bg{ width:100%; height:auto; overflow:hidden; background-color:#f1f1f1; padding:0rem 0px 0.4rem;}
.contant_ewm{ width:50%; height:auto; overflow:hidden; margin:0.4rem auto}
.contant_ewm .ewmpic{ width:1.24rem; float:left; margin-right:0.4rem; overflow:hidden}
.contant_ewm .ewmpic .pic{ width:1.24rem; height:1.24rem; margin:0 auto 0.15rem; overflow:hidden}
.contant_ewm .ewmpic .pic img{ width:100%}
.contant_ewm .ewmpic p.p1{ font-size:0.2rem; text-align:center; font-weight:bold}
/*新闻详情页*/
/*view*/
.view_title{text-align: center;margin:0.25rem auto 0px;font-size:0.26rem; font-weight:bold; line-height:0.5rem}
.view_date{text-align: right;padding-right:0.2rem;font-size:0.2rem; color:#666; line-height:0.3rem; padding-top:0.1rem}
/*page*/
.page{padding:0.12rem 0;font-size:0.2rem;text-align:center;clear:both; border-top:1px solid #ebebeb; line-height:0.45rem}
.page a{display: block;background: none;border:0;text-align: left;color:#666;padding:0;}
.page a:hover{background: none;border:0;padding:0;color:#e50e17;}
.sure_vbuttom{ width:38%; height:auto; overflow:hidden; padding:2% 0px; background-color:#b92916; color:#fff; text-align:center; left:1%; right:1%; margin:0.2rem auto 0px; display:block; border-radius:4px;}

/******************************leftnav****************************/
.inavs{ position:fixed; width:3.24rem; top:0; height:100%; background-color:#333333; z-index:105; padding-left:0.36rem; right:-3.6rem;}
.inavs .inavstop img{ width:0.31rem; padding:0.34rem 0;}
.inavsbot{overflow-y:scroll;overflow-x:hidden}
.inavsbot ul{}
.inavsbot ul li{ height:0.9rem; line-height:0.9rem; border-bottom:1px solid #424242; background:url(../img/cnav_bg.png) no-repeat 90% center;}
.inavsbot ul li a{ display:block;font-size:0.25rem; color:#fff;}
.inavsbot ul li a img{ width:0.24rem; vertical-align:middle; margin-left:1.45rem;transition:all 0.3s ease 0s;}
.inavsbot ul li a img.xla{transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg); -webkit-transform:rotate(180deg);-o-transform:rotate(180deg); }
.inavsbot ul li .xlas{ text-indent:0.3rem; padding:0.1rem 0; display:none;}
.inavsbot ul li .xlas a{ display:block; font-size:0.26rem; color:#c7c7c7; height:0.6rem; line-height:0.6rem;}
/**图片相册**/
.view_pic_tumbom{ width:100%; height:auto; overflow:hidden; margin:1rem auto 0px;}