@charset "utf-8";
/*
 * This is NOT a freeware, use is subject to license terms
 * @author Miscuz! <526781311@qq.com>
 * version 9.30.55
 * @support http://www.950085.com
 */

input[type=text]{-webkit-appearance:none}
input[type=password]{-webkit-appearance:none}
textarea{-webkit-appearance:none} 
@media all and (-webkit-min-device-pixel-ratio: 2){.px1{border-width:0.5px !important}}

.header{position:relative;height:1rem;display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}

.header a.list{position:absolute;right:.25rem;top:.25rem;width:.5rem;height:.5rem;background:url(../images/3.png) center center no-repeat;background-size: auto 100%;}
.header a.tel{position:absolute;right:1rem;top:.25rem;width:.5rem;height:.5rem;background:url(../images/2.png) center center no-repeat;background-size: auto 100%;}

.header a.home img{ height:.8rem; }

.sitemenu{ display: none; position:absolute;left:0px;top:1rem;width:100%;background:#EEEEEE;z-index:9999999;}
.sitemenu a{border-bottom:1px #ccc dashed;display:block;text-align:center;font-size:14px;color:#333;padding:10px 10px;}


.bannera{ width: 100% }
.bannera img{ width: 100% }
.swp1{ position: relative; width: 100%;overflow: hidden; }
.swpg{ width: 100%; left: 0; bottom: 10px; z-index: 999999; position: absolute; text-align: center; }
.swp1 .swiper-pagination-bullet{ width: 15px; height: 6px; margin: 0 2px !important; border-radius: 100px; background: #878B98; opacity: 1}
.swp1 .swiper-pagination-bullet-active{ width: 35px; background: #4E5260}

.swp2{ position: relative; width: 100%;overflow: hidden; }
.swp2 .swiper-slide img{width:100%;border:1px #efefef solid;}
.youshi{ padding: .2rem 0; position:relative;display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
.youshi a{padding:.2rem 0; position: relative; width:50%;display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
.youshi a:nth-child(1) div{ padding-right: .3rem }
.youshi a:nth-child(2) img{ margin-left: .3rem }
.youshi a img{width:.7rem;height:.7rem;}
.youshi a div{ margin-left: .2rem; display: flex; justify-content: center; align-items: flex-start; flex-wrap: wrap;flex-direction: column;}
.youshi a div em{color:#000;font-size:.30rem;}
.youshi a div span{color:#888888;font-size:.20rem;padding-top:.05rem;}
.youshi a:after{border-left: 1px solid #ccc}

.bar{ position: relative;padding:.2rem .2rem;}
.bar a{display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.bar a em{color:#000;font-size:.40rem;}
.bar a img{ height: .3rem;}

.taba{position:relative;display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; padding: 0 .2rem;}
.taba a{color:#333;font-size:.25rem;padding:.25rem 0; position: relative;}
.taba a.cur:after{border-top: 4px solid #f93135;}

.product{}
.product ul{display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
.product li{ width: 50%; padding: .2rem;}
.product li a{ width: 100%; display: block;}
.product li .d1{ padding: .4rem; padding-bottom: .1rem;}
.product li a img{ width: 100%;}
.product li .d2{display: flex; justify-content: center; align-items: center; flex-wrap: wrap;flex-direction: column;}
.product li .d2 em{color:#333;font-size:.25rem;}
.product li .d2 span{color:#333;font-size:.25rem;}

.solution{}
.solution li{display:block;padding: 0 .2rem;}
.solution li a{ padding: .3rem 0; position:relative; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
.solution li a em{line-height:1;border-left:2px #ff0000 solid;padding-left:.2rem;color:#333;font-size:.30rem;width:100%;}
.solution li a span{margin-top:.2rem;color:#999 ;font-size:.25rem;width:100%; line-height: 2;}

.content{font-size:.25rem;color:#666;line-height:2;text-align:justify;word-break:break-all}
.content *{word-break:break-all !important}
.content div{padding:.1rem 0}
.content img{max-width:100% !important;height:auto !important}
.content p{padding:.1rem 0}
.content ol{list-style-position:inside;padding-left:20px}
.content ol li{list-style-type:decimal;list-style-position:inside}
.content ul{list-style-position:inside;padding-left:20px}
.content ul li{list-style-type:decimal;list-style-position:inside}

.sidenews{display: flex; justify-content: space-between; align-items: stretch; flex-wrap: wrap;}
.sidenews .d1{ width: 20%; background: #f1f1f1;}
.sidenews .d1 a{border-left:2px #f1f1f1 solid;position:relative;display:block;color:#333;font-size:.25rem;padding:.2rem 0;padding-left:.2rem;}
.sidenews .d1 a.cur{border-left:2px #ff0000 solid;background:#fff;}
.sidenews .d2{ flex: 1;}

.news{padding:0 .2rem;}
.news li{display:block;}
.news li a{display:block; padding: .2rem 0; position: relative;}
.news li a em{color:#333;font-size:.30rem; line-height: 2;}
.news li a span{color:#b7b7b7;font-size:.25rem; text-align: right;margin-top:.2rem;}


.more{display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
.more a{color:#999999;font-size:.30rem;padding:.2rem 0;}

.loaded{display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
.loaded span{color:#999999;font-size:.30rem;padding:.2rem 0;}


.banquan{color:#999999;font-size:.25rem;line-height:1.5; text-align: center;padding:.3rem 0;}
.dblank{ height: 1.5rem;}

.appbar{position: fixed;z-index:99999;width:100%;left:0px;bottom:0px; background: #222222;}
.appbar ul{display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
.appbar li{width:20%;background:url(../images/11.png) right center no-repeat;background-size: 2px 100%;}
.appbar li:nth-child(5){ background: none;}
.appbar li a{display: flex; justify-content: center; align-items: center; flex-wrap: wrap;flex-direction: column; padding: .2rem 0;}
.appbar li a em{ width: .4rem; height: .4rem;}
.appbar li a span{color:#999999;font-size:.25rem;}
.appbar li a.cur span{color:#d1070b;}
.appbar li:nth-child(1) a em{background:url(../images/12.png) center center no-repeat;background-size: auto 100%;}
.appbar li:nth-child(2) a em{background:url(../images/13.png) center center no-repeat;background-size: auto 100%;}
.appbar li:nth-child(3) a em{background:url(../images/14.png) center center no-repeat;background-size: auto 100%;}
.appbar li:nth-child(4) a em{background:url(../images/15.png) center center no-repeat;background-size: auto 100%;}
.appbar li:nth-child(5) a em{background:url(../images/16.png) center center no-repeat;background-size: auto 100%;}

.appbar li:nth-child(1) a.cur em{background:url(../images/12s.png) center center no-repeat;background-size: auto 100%;}
.appbar li:nth-child(2) a.cur em{background:url(../images/13s.png) center center no-repeat;background-size: auto 100%;}
.appbar li:nth-child(3) a.cur em{background:url(../images/14s.png) center center no-repeat;background-size: auto 100%;}
.appbar li:nth-child(4) a.cur em{background:url(../images/15s.png) center center no-repeat;background-size: auto 100%;}
.appbar li:nth-child(5) a.cur em{background:url(../images/16s.png) center center no-repeat;background-size: auto 100%;}

.catabg{background:url(../images/17.png) center center no-repeat;background-size: auto 100%; height: 2rem;display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
.catabg em{color:#fff;font-size:.35rem;}

.catbar{display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; padding: 0 .2rem}
.catbar em{padding:.2rem 0;font-weight: bold;color:#333;font-size:.30rem;border-bottom:2px #ff0000 solid;}


.newstitle{color:#333;font-size:.30rem;padding:.3rem .2rem;text-align:center;font-weight: bold;}

.prenext{padding:.2rem .2rem;}
.prenext .d1{display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;padding:.1rem 0;}
.prenext .d1 em{font-size:.25rem;color:#606060;margin-right:.2rem;}
.prenext .d1 a{font-size:.25rem;color:#606060;flex:1;}
.prenext .d1 span{font-size:.25rem;color:#606060;flex:1;}

.ss{display: flex; justify-content: center; align-items: stretch; flex-wrap: wrap;}
.ss input{padding-left:.2rem;flex: 1;border:1px #ccc solid;border-right:0 #ccc solid;}
.ss button{border-radius:0 3px 3px 0;padding:.15rem .2rem;color:#fff;font-size:.25rem;border:1px #f80b06 solid;background:#f80b06;}

.proc{display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.proc a{margin-bottom:.1rem;padding:.15rem 0;width:30%;font-size:14px;color:#333;position:relative;text-align:center;}
.proc a:after{border-radius:6px;border: 1px #ff5d62 solid;}

.bq{display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.bq a{margin-bottom:.1rem;padding:.15rem 0;width:30%;font-size:14px;color:#333;position:relative;text-align:center;}
.bq a:after{border-radius:6px;border: 1px #ff5d62 solid;}
.bq a.cur{ background: #ff9900;color:#fff;}

.zhuany{display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
.zhuany div{padding:.2rem .2rem;background:#EEEEEE;display: flex; justify-content: center; align-items: center; flex-wrap: wrap;flex-direction: column;}
.zhuany div em{color:#ff0000;font-size:.30rem;font-weight: bold;}
.zhuany div p{color:#999;font-size:.25rem;}

.pkk{display: flex; justify-content: center; align-items: center; }
.pkk a.dires{}
.pkk a.dires img{ width:.3rem;}
.pkk div.diress{flex: 1;overflow: hidden;}

.cptitle{display: flex; justify-content: center; align-items: center; flex-wrap: wrap;flex-direction: column;}
.cptitle em{width:100%;color:#333;font-size:.40rem;}
.cptitle span{width:100%;color:#ff0000;font-size:.25rem;margin-top:.2rem;}

.tedian{ background: #eaf1f6; padding: .2rem;}

.goum{color:#666;font-size:.25rem;}

.dian{display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;padding:0 .2rem;}
.dian a{color:#fff;font-size:.25rem;background:#ea110e;padding:.15rem .3rem;border-radius:3px;margin-right:.2rem;}


.tabss{border-bottom:1px #ff0000 solid;display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
.tabss a{color:#666;font-size:.30rem;padding:.1rem .2rem;}
.tabss a.cur{background:#ff0000;color:#fff;}

.pronews li{display:block;}
.pronews a{position:relative;display:block;padding:.2rem 0;}
.pronews a em{color:#333;font-size:14px;}
.wximage{position: fixed;bottom: 56%;right: 5px;width: 64px;z-index: 999;}
.wximage img{width: 100%;}

