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

.ui-header{min-width: 320px;max-width: 720px;color:#fff; height:1rem;margin:auto;z-index:4;box-sizing:border-box; background-color:#000}
.ui-header.active{height:1rem;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;left:0; width:1.24em;height:0.59rem; margin: 0.25rem 0px 0px 0.2rem;}
.ui-header-left2{ position:absolute; top:0; left:0;width:0.46rem;margin-left:0.29rem;}
.ui-header-right{top:0.3rem;  right:0;margin-right:0.2rem;position:absolute;width:0.5rem;}
.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.59rem;display:block;  background-size:100% auto; }
.ui-header-ico-menu2{ background:url(../img/menu.png) no-repeat center;background-size:100% auto;height: 0.4rem; }
.ui-header-ico-seach{ background:url(../img/seacherbot.png) no-repeat center;height:1rem; background-size:100% auto; display:block}
.ui-header-ico-back{ background:url(../img/sorrw_back.png) no-repeat center;height:1rem; background-size:100% auto; display:block}
.ui-header p{ position:relative; text-align:center; font-size:0.35rem; color:#fff; line-height:1rem; 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:6.4rem;}
.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 #fff; background-color:#fff; border-radius:50%}
div.flicking_con li.on { background-color:#2a62b7; border:1px solid #2a62b7}
/* 关于我们 */
.about_bg{width: 100%;height: auto;overflow: hidden; padding: 0.2rem 0px;position: relative;}
.comm_titlebg{height: 1.35rem; text-align: center;}
.comm_titlebg span{font-size: 1rem;color: #f8f8f8;text-transform: uppercase;font-weight: bold;position: absolute;left: 0px;right: 0px;margin: 0px auto;z-index: -1;}
.comm_titlebg span.span1{color: #fff;}
.comm_ttbox{width: 100%;height:0.98rem; text-align: center;color: #212121;font-weight: bold;}
.comm_ttbox .commtt{font-size: 0.4rem;line-height: 0.55rem;font-weight: bold;background-size: 2.5%;}
.comm_ttbox p.p2{font-size: 0.28rem;text-transform: uppercase;}
.about_ttop{padding-top:0.45rem;}
.comm_alig{text-align: left;margin-left: 0.2rem;}
.comm_color{color: #fff;}
.comm_coin1{}
.comm_coin2{}
.about_con{width: 6.8rem;height: auto;overflow: hidden;margin: 0.3rem auto 0px;}
.about_con .pic{width: 100%;overflow: hidden;text-align: center;}
.about_con .pic img{width: 100%;float: left;}
.about_con .txt{width: 100%;overflow: hidden;font-size: 0.22rem;color: #333;line-height: 0.4rem;margin: 0.15rem auto;}
.about_txtlist{width:6.8rem;;font-size:0.22rem; font-weight: bold;margin: 0px auto;}
.about_txtlist ul li{width: 100%; background: url(../img/sorrw.png)no-repeat left 0.13rem; background-size: 1.2%;line-height:0.35rem;margin-bottom: 0.1rem;}
.about_txtlist ul li span {display: inline-block;padding-left:0.15rem;color: #3a6090;font-weight: bold;}
.about_coin1{width: 0.96rem;position: absolute;bottom: 0px;left: 0px;}
.about_coin1 img{width: 100%;}
.about_mor1{width:2rem;height: 0.54rem;margin: 0.35rem auto;overflow: hidden;background: url(../img/more1.png)no-repeat;background-size: 100%; text-align: center;}
.about_mor1 a{display: block;color: #333;line-height: 0.54rem; font-size: 0.22rem;}
/* 业务范围 */
.fw_bg{width: 100%;height: auto;overflow: hidden;position: relative;background: url(../img/bg2.jpg)no-repeat bottom center;background-size: 100%;}
.fw_con{width: 100%;height: auto;overflow: hidden;margin: 0.4rem auto 0rem;}
.fw_con ul li{width: 46%;float: left;margin: 0px 2% 3%;overflow: hidden;background: url(../img/fw_botom.png)no-repeat bottom center;background-size: 100%; padding-bottom: 0.12rem;position: relative;}
.fw_con ul li a .pic{width: 100%;height: 2.35rem;overflow: hidden;text-align: center;}
.fw_con ul li a .pic img{width: 100%; float: left;}
.fw_con ul li a .txtcon{width: 100%;background-color: #fff; padding: 0.15rem 0px;overflow: hidden;}
.fw_con ul li a .txtcon p.p1{font-size: 0.24rem;font-weight: bold;color: #333;line-height: 0.38rem;margin: 0px 0.2rem 0.06rem;}
.fw_con ul li a .txtcon p.p2{font-size: 0.18rem;color: #333;line-height: 0.29rem;height: 0.58rem;margin: 0px 0.2rem 0.2rem;}
.fw_con ul li a .txtcon p.p3{width: 1.06rem;height: 0.32rem;border: 1px solid #333333;line-height: 0.32rem; text-align: center;font-size: 0.18rem;color: #333;margin: 0px 0.2rem 0rem;}
.fw_coin1{width:0.54rem;height: 0.54rem;position: absolute;right:0.12rem;bottom: 0.2rem;overflow: hidden;}
.fw_coin1 img{width:100%;float: left;}
/* 案例展示 */
.case_bg{width: 100%;height: auto;overflow: hidden;background: url(../img/bg3.jpg)no-repeat top center;background-size: 100%;padding-bottom: 0.58rem;position: relative;}
.case_con{width: 100%;height: auto;overflow: hidden;margin: 0.3rem auto 0px;}
.case_con ul li{width: 46%;float: left;margin: 0px 2% 2%;overflow: hidden;}
.case_con ul li a .pic{width: 100%;height: 2.35rem;overflow: hidden;text-align: center;}
.case_con ul li a .pic img{width: 100%;float: left;}
.case_con ul li a p{text-align: center;font-size: 0.22rem;line-height: 0.48rem;color: #333;}
.case_coin1{width: 1.1rem;position: absolute;bottom: 0px;right: 0px;}
.case_coin1 img{width: 100%;float: left;}
/* 留言 */
.mess_bg{width: 100%;height: auto;overflow: hidden;padding: 0rem 0px;position: relative;}
.mess_box{width: 6.25rem;height: auto;overflow: hidden;margin: 0.3rem auto 0px;}
.mess_box ul li{width: 100%;float: left;margin-bottom: 0.2rem;overflow: hidden;}
.mess_box ul li span{display: inline-block;float: left;font-size: 0.22rem;font-weight: bold;color: #333;width: 1rem; text-align: right;line-height: 0.5rem;}
.mess_box ul li .input1{width: 4.9rem; float: right;border: 1px solid #3f3f3f; height: 0.5rem; line-height: 0.5rem;border-radius: 6px; font-size: 0.22rem; padding-left: 0.1rem;}
.mess_box ul li .input2{width: 4.86rem; float: right;border: 1px solid #3f3f3f; height: 1.5rem; line-height: 0.5rem;border-radius: 6px; font-size: 0.22rem;padding-left: 0.1rem;font-family: "微软雅黑";}
.mess_boot{width: 5rem;height: 0.64rem;margin: 0.1rem 0px 0.35rem 1.7rem;background-color: #000;line-height: 0.64rem;text-align: center;font-weight: bold;font-size: 0.26rem;color: #fff;border-radius: 6px;display: block;}
.mess_coin1{width: 0.82rem;position: absolute;bottom: 0px;left: 0px;}
.mess_coin1 img{width: 100%;float: left;}


/**************************设备展示*****************************/
.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;}


/* 新闻资讯 */
.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;padding: 0rem 0px 0.15rem;}
.conparebg .contt{width: 100%; font-size: 0.38rem;color: #333; text-align: center; padding: 0.35rem 0px;overflow: hidden;}

/* 友情链接 */
.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: url(../img/foot_bg.png)no-repeat top center;background-size: 100%; overflow:hidden; color:#FFF; height:1.12rem}
.footer li{float:left; width:33.3%; 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.1rem 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;}
.cont p{width: 100%;overflow: hidden;word-wrap:break-word;}
.cont img{width: 100% !important;}
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:#000}
ul.Sort2 > li:hover{ background-color:#000}
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}

/* 案例展示 */
.case_box{width: 6.8rem;height: auto;overflow: hidden;margin: 0.2rem auto;}
.case_box ul li{float: left;width: 100%;margin-bottom: 0.3rem;overflow: hidden;}
.case_box ul li a .pic{width: 100%;overflow: hidden;text-align: center;}
.case_box ul li a .pic img{width: 100%;float: left;}
.case_box ul li a p{height: 0.55rem;background-color: #f5f5f5; text-align: center; line-height: 0.55rem;color: #333;font-size: 0.22rem;}

/* 招贤 */
.zxns_bg{width: 100%;height: auto;overflow: hidden; padding: 0.25rem 0px;background-color: #dadada;}
.cl_zpcon{width:100%;height: auto;margin: 0.25rem auto 0px;}
.cl_zpcon ul li{width: 3.1rem;float: left;margin: 0px 0.1rem 0.2rem;background-color: #fff;padding:0.24rem 0.15rem 0.35rem;overflow: hidden;position: relative;transition: all 0.3s;}
.cl_zpcon ul li a p.p1{font-size: 0.23rem;font-weight: bold;color: #000; line-height: 0.35rem;margin-bottom:0.1rem;}
.cl_zpcon ul li a p.p2{font-size: 0.21rem;color: #666;line-height:0.32rem;}
.cl_zpcon ul li a p.p2 span{color: #333; padding-left:0.1rem;}
.cl_zpcon ul li a p.p2 i{color: #000;padding-left: 0.1rem;}
.cl_zpcon ul li a .more_zp{width:0.88rem;height: 0.33rem;background-color: #6f886a;font-size:0.21rem;color: #fff;text-align: center;line-height: 0.33rem;position: absolute;bottom: 0px;right: 0;}
.contan_mpa{width: 100%;height: 4.8rem;margin: 0.35rem auto 0px;text-align: center;font-size: 0.23rem;}

/*内页产品展示*/
.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:#000; 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;}