@charset "utf-8";
/*
 * This is NOT a freeware, use is subject to license terms
 * @author Miscuz! <526781311@qq.com>
 * version 9.20.65
 * @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}}

.top{ position: relative; }
.top .iconlist{ position: absolute; right:.2rem;bottom:.2rem; width: 1rem; height: 1rem;background:url(../images/1.png) center center no-repeat; background-size: 80% auto;}

/*幻灯片*/
.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: #fff; opacity: 1}
.swp1 .swiper-pagination-bullet-active{ width: 35px; background: #ff0000}
 
.tou{display:block;text-align:center;}
.tou em{display:block;line-height:1;color:#2783f2;font-size:.35rem;}
.tou span{display:block;line-height:1;color:#d3d3d3;font-size:.25rem;padding-top:.15rem;}

/*MOBILE*/
.content{font-size:.25rem;color:#666;line-height:2;text-align:justify;word-break:break-all}
.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}


.morea{}
.morea a{display: flex; justify-content: center; align-items: center; flex-wrap: wrap; background: #2783f2;box-shadow:rgba(0,0,0,0.2) 0 2px 6px 0;}
.morea a em{color:#fff;font-size:.30rem; padding: .2rem 0;background:url(../images/5.png) left center no-repeat;background-size: auto 40%; padding-left: .6rem}

.taba{display: flex; flex: 3; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.taba a{ border:2px #0d5891 solid;color:#0d5891;font-size:.30rem;text-align:center;  flex: 1;margin-bottom:.1rem; height: .6rem;line-height:.6rem;vertical-align:middle;}
.taba a:nth-child(2){ flex: 1; margin-left:.1rem;margin-right:.1rem;}
.taba em{ width: 100%; }
.taba a:nth-child(5){ margin-right: .1rem }
.taba a.cur{ background: #00a0e8; color: #fff }

.tabcontent{ display: none;  border:2px #d1d1d1 solid; padding: .2rem}
.tabcontent.cur{ display: block; }

.zhuti{ padding: 0 .6rem }
.zhuti ul{display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.zhuti li{ width: 46.5% }
.zhuti li a{ display: block; }
.zhuti li img{ width: 100%; }
.zhuti li a.a1{ background: #dadada; border-radius: 1000px; }
.zhuti li a.a2{height:.8rem;color:#333;font-size:.30rem; font-weight: bold; text-align:center; margin-top: .15rem;}

.nianji{ padding: 0 .2rem }
.nianji ul{display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.nianji li{width:48.5%;}
.nianji li a.a1{display:block; position: relative; }
.nianji li a.a1 em{position:absolute;width:100%;left:0px;top:50%;margin-top:-.15rem;line-height:1;text-align:center;color:#fff;font-size:.35rem;}
.nianji li a.a2{display:block;height:1rem;line-height:1rem;vertical-align:middle;color:#3c3c3c;font-size:.25rem;text-align:center;}
.nianji li.bg11 a.a1{ background: #f1352f }
.nianji li.bg12 a.a1{ background: #83b8ce }
.nianji li.bg13 a.a1{ background: #525866 }
.nianji li.bg14 a.a1{ background: #0068ad }

.bgf0{ background: #f0f0f0 }

.xnjx{display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; padding: 0 .2rem}
.xnjx li{width:48.5%;margin-bottom:.2rem}
.xnjx li a{ display: block; position: relative; }
.xnjx li img{ width: 100%; }
.xnjx li .d2{position:absolute;width:100%;left:0px;top:50%; margin-top: -.3rem}
.xnjx li .d2 em{display:block;line-height:1;color:#fff;font-size:.30rem;text-align:center;font-weight: bold;}
.xnjx li .d2 span{display:block;line-height:1;color:#fff;font-size:.30rem;text-align:center;font-weight: bold; padding-top: .1rem}

.zuopin{ position: relative; width: 100%;overflow: hidden;}
.zuopin div.swiper-slide{}
.zuopin div.swiper-slide a{ display: block; }
.zuopin div.swiper-slide a img{width: 100%;}
.zuopin div.swiper-slide a div.d2{}
.zuopin div.swiper-slide a div.d2 em{font-size: .30rem; color: #252525;font-weight: bold;padding-top:.1rem;}
.zuopin div.swiper-slide a div.d3{line-height: 1.5;padding-top:.1rem;}
.zuopin div.swiper-slide a div.d3 span{font-size: .25rem; color: #9f9f9f;}

.swiper-button-prev{ opacity: 1 !important; background:url(../images/201.png) center center no-repeat !important;background-size: 100% 100% !important;left: .1rem !important; width: .6rem !important; height: .6rem !important; margin-top: -.3rem !important;}
.swiper-button-next{opacity: 1 !important; background:url(../images/202.png) center center no-repeat !important;background-size: 100% 100% !important;right: .1rem !important; width: .6rem !important; height: .6rem !important; margin-top: -.3rem !important;}


.txtlink{ padding: 0 .2rem }
.txtlink ul{display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.txtlink li{ width: 33.33%; padding: .2rem 0}
.txtlink li a em{color:#333;font-size:.25rem;}


.appbar{ position: fixed; width: 100%;bottom:0px;left:0px;z-index:99999;background:url(../images/204.png) left center repeat-x;background-size: auto 100%; }
.appbar ul{display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.appbar li{ width: 25%; }
.appbar a{ display: block; text-align:center; padding: .2rem 0}
.appbar em{ display: block; }
.appbar span{ display: block;color:#fff;font-size:.25rem; padding-top: .1rem }
.appbar img{ height: .4rem }
.appbar li:nth-child(1){background:url(../images/203.png) right center no-repeat; background-size: 2px 100%}
.appbar li:nth-child(2){background:url(../images/203.png) right center no-repeat; background-size: 2px 100%}
.appbar li:nth-child(3){background:url(../images/203.png) right center no-repeat; background-size: 2px 100%}

.catalist{display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; padding: 0 .2rem}
.catalist div{ position: relative; width: 48.5%; text-align: center; height: .6rem;line-height:.6rem;vertical-align:middle; margin-bottom: .2rem}
.catalist div a{color:#777777;font-size:.25rem;}
.catalist div.cur{ background: #2783f2 }
.catalist div.cur a{ color: #fff; }
.catalist div.cur:after{border: 1px #2783f2 solid;}
.catalist.fid4 div{ flex: 1 }
.catalist.fid4 div:nth-child(2){ margin: 0 .1rem .2rem .1rem}

.catalist.fid32 div{ flex: 1 }
.catalist.fid32 div:nth-child(2){ margin: 0 .1rem .2rem .1rem}

h1{display:block;line-height:1;color:#333;font-size:.35rem;text-align:center;margin-top:.5rem;}
.cinfo{display:block;line-height:1;color:#666;font-size:.25rem;text-align:center;margin-top:.2rem;}

.pn{}
.pn div{line-height:2;display:block;color:#5d5d5d;font-size:.30rem;}

.aslist{}
.aslist li{display:block; padding: .3rem .2rem; position: relative;}
.aslist a{display: flex; justify-content: space-between; align-items: stretch; flex-wrap: wrap;}
.aslist .d1{ width: 40%; margin-right: .2rem }
.aslist .d2{ flex:1; }
.aslist img{ width: 100%; }
.aslist .d3 em{color:#333;font-size:.30rem;font-weight: bold;}
.aslist .d4{ padding-top: .1rem }
.aslist .d4 em{color:#666;font-size:.25rem; line-height: 1.5}
.aslist .d5{color:#999;font-size:.25rem; padding-top: .1rem}

.solution{ background: #f3f3f3; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; padding: .3rem .2rem; position: relative;}
.solution a{color:#333;font-size:.25rem;  width: 48%; margin: .1rem 0; padding-left: .3rem;background:url(../images/jian1.png) left center no-repeat;background-size: auto 40%;}
.solution a.cur{ color: #f22727;background:url(../images/jian.png) left center no-repeat;background-size: auto 40%;}


.plist{}
.plist ul{display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.plist li{ width: 48.5%;margin-bottom:.2rem; }
.plist li a{ display: block; }
.plist li img{ width: 100% }
.plist .d2{ height: .8rem;display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; background: #f3f3f3}
.plist .d2 em{color:#333;font-size:.25rem; padding-left: .2rem; }

.iteminfo{background: #f5f5f5; padding: .2rem !important}

.down ul{ padding: 0 .2rem;display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
.down li{margin-top:2rem; position: relative;}
.down li div.d00{width:100%;height:100%;position:absolute;left:0px;top:0px;}
.down .d1{position: relative; height: 100%}
.down .d2{position:absolute;width:100%;left:0px;top:-1.5rem;}
.down .d2 img{ height: 4rem }
.down .d3{padding:0 .3rem;color:#fff;font-size:.45rem;font-weight: bold;display:block;line-height:1.2;text-align:center;height:80px;}
.down .d4 a{transition: all 0.3s ease 0s;width:45%;height:.8rem;line-height:.8rem;vertical-align:middle;border:1px #fff solid;text-align:center;color:#fff;font-size:.25rem;}
.down .d4 a:hover{transform: scale(1.1, 1.1)}

.nodata{ padding: 3.5rem 0 !important; text-align: center; font-size: .25rem; color: #999; background: url(../images/nodatas.png) center 1.4rem no-repeat;}

.video{ padding: 0 .2rem}
.video ul{display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.video li{width:49%;}
.video a{display:block;}
.video img{width:100%;}
.video .d3{height:1rem;text-align:center; padding-top: .2rem}
.video .d3 em{color:#333;font-size:14px;}
.video .d2{width:100%;height:100%;position:absolute;left:0px;top:0px;background:url(../images/play.png) center center no-repeat; background-size: .8rem .8rem; transition: all 0.3s ease 0s;}
.video a:hover .d2{opacity: 0.5}

.mm-title{color:#fff;font-size:.25rem !important;}