@charset "utf-8";
/* CSS Document */
body {
	
  color: #555;
  font-weight: 400;
  font-size: 14px;
  font-family: arial, "Hiragino Sans GB", "Microsoft Yahei", 微软雅黑, 宋体, Tahoma, Arial, Helvetica, STHeiti;
  line-height: 20px;margin:0; padding:0px
}
a{text-decoration: none;color: #555;}
a:hover { text-decoration: none;}

strong {font-weight: 600;}
ul, li, ol{list-style:none}
ul, li, ol, div, td{box-sizing:border-box}
.clear {
 clear: both;
 height: 0;
 line-height: 0;
 font-size: 0;
}
.clearfix {
 overflow: hidden;
 zoom: 1;
}
.none {
 display: none;
}
.f_l{float:left}
.f_r{float:right}
.pt50{padding-top:50px}
.pt30{padding-top:30px}
.pt80{padding-top:80px}
.ptb40{padding:40px 0}
.pt100{padding-top:100px}
.mt10{margin-top:10px}
.mb50{margin-bottom:50px}
.pb20{padding-bottom:20px}
.mr10{margin-right:10px}

.hidden{overflow:hidden}
.clear{clear: both;height: 0;overflow: hidden;}
.clearfix::after {display: block;clear: both;height: 0;overflow: hidden;visibility: hidden; content: ".";}

.mallse{width: 100%;}
.mingcheng{width: 100%;height: 7vw;background-color: #2b68fa;text-align: center;line-height: 7vw;font-size: 3.6vw;color: #fff;}
.mbanner{width: 100%;position: relative;margin: 0;height: 74vw;}
.mbanner div.swiper-container{width: 100%;height: 74vw;;position: relative}
.swiper-container img{width: 100%;height: 74vw;   }
.mlogo{width: 100%;position: absolute;top:3vw;left: 0;display: flex;padding: 0 3vw;align-items: center; z-index: 99;}
.mlogo img{width: 20vw;height: 6vw;}
.shanbgs{width: 100;position: relative;}


.fenlei{margin-left: auto;display: flex;align-items: center;}
.fenlei h2{font-size: 4.2vw;color: #fff;margin: 0;font-weight: 500;padding-right: 3vw}
 .qwesn{background:url(../image_wap/flei.png )center no-repeat; background-size: 100% 100%;width: 5vw;height: 4vw;position: relative}
.qwesn ul{margin: 0;padding: 0;width:100px;	background-color:white;line-height:30px;text-align:center;float:left;display:inline;position:absolute;cursor:pointer;top: 6vw;right: 0;display: none }
.qwesn ul li{line-height: 10vw;}

.fixed_div {position:fixed;top:0;left: 0;z-index: 100}


/*底部菜单*/
.btn3{position:fixed; z-index:300; bottom:0px; background:#fff; width: 100%; min-width: 320px; margin: 0 auto; max-width: 640px; text-align:center; box-sizing:border-box;  -webkit-box-sizing:border-box;border-top: 1px solid #ddd;}
.menu{position:relative;float:left; width:25%;padding-top:0.5rem;padding-bottom:0.2rem;box-sizing:border-box;-webkit-box-sizing:border-box;line-height:1.25}
.new-sub{position:absolute;bottom:60px;z-index:10;width:170%;padding: 0px 5px;box-sizing:border-box;-webkit-box-sizing:border-box;border: 1px solid #EEEEEE;
background:#fff;border-radius: 2px;display: none;}
.new-sub div{width: 100%; float:none;box-sizing:border-box;-webkit-box-sizing:border-box;border-top:1px solid #f2f2f2;}
.new-sub div a{display:block;height:35px;line-height:35px;text-align:left;color:#555;border:none;text-align:center;font-size:15px;}
.new-sub div:first-child{border-top:none;}
.bt-name{font-size:14px;color:#2b67f9;}
.bt-name a{display:block;font-size:14px;color:#2b67f9;}
.new-sub .tiggle{width:0px;height:0px;position:absolute;left:50%;margin-left:-10px; bottom:-9px;border-top:10px solid #EEEEEE;border-left:10px solid transparent;border-right:10px solid transparent;z-index:10;}
.new-sub .innertiggle{width:0px; height:0px;position:absolute;left:50%;margin-left:-9px;bottom:-8px;border-top:9px solid white; border-left:9px solid transparent; border-right:9px solid transparent;z-index:11;}
.bottom_nav_icon1{width:1.5rem; height:1.5rem; display:inline-block; background:url(../image_wap/db_1.png) no-repeat; background-size:1.5rem;}
.bottom_nav_icon2{width:1.5rem; height:1.5rem; display:inline-block; background:url(../image_wap/db_2.gif) no-repeat; background-size:1.5rem;}
.bottom_nav_icon3{width:1.5rem; height:1.5rem; display:inline-block; background:url(../image_wap/db_3.png) no-repeat; background-size:1.5rem;}
.bottom_nav_icon4{width:1.5rem; height:1.5rem; display:inline-block; background:url(../image_wap/db_4.png) no-repeat; background-size:1.5rem;}
.bottom_nav_icon5{width:1.5rem; height:1.5rem; display:inline-block; background:url(../image_wap/db_5.png) no-repeat; background-size:1.5rem;}
.page_title{background:#339aff; color:#fff; font-size:15px; margin:0.5rem 0.5rem 0 0.5rem;padding:0.3rem 1rem; border-radius:3px; display:inline-block}
/*底部菜单*/

.nav_back {position: fixed;top:0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);z-index: 120;overflow-x: hidden;overflow-y: auto;display: none}
.navtsd{width: 100%;}
.nlptop{width: 100%;background-color: #03031b;display: flex;align-items: center;padding: 2vw;height: 15vw; line-height: 15vw;border-bottom:1px solid #202334; }
.nlp_left{width: 22vw;}
.nlp_right{width: 4.5vw;height: 4.5vw;margin-left: auto;}
.nlful{width: 100%;background-color: #101429;}
.nlful ul{margin: 0;padding: 0;padding-bottom: 7vw;}
.nlful ul li{padding: 0 4vw;line-height: 15vw;border-bottom: 1px solid #202334;font-size: 4vw;}
.nlful ul li a{color: #fff;}
.nlful ul li:last-child{border: 0;}
.vbfes{background-color: #202334;}
.shouqi{display: flex;align-items: center;width: 100%;}
.shouqi span{font-size: 4vw;color: #fff;margin: 0;padding: 0;display: block;}
.guans {margin-left: auto;display: flex;align-items: center;}
.guans p{font-size: 3.6vw;color: #fff;margin: 0;padding: 0;display: block;margin-right: 3vw;}
.bgsqs{width: 4.5vw;}
.vbfes ul{margin: 0;padding: 0;}
.vbfes ul li{font-size: 3.6vw;color: #c1c3ce;border-bottom: 1px solid #313547;}
.vbfes ul li a{color: #c1c3ce;}



.mjilei{width: 100%;padding: 3vw 0 0 0;background-color: #f1f2f5;height:112vw; box-sizing: border-box;}
.mbiaoti{width: 100%;position: relative; text-align: center}
.mbiaoti h2{font-size:4.4vw;color: #e6e6e6;margin: 0; width: 100%;}
.mbiaoti h3{font-size: 4.4vw;color: #353535;margin: 0;position: absolute;width: 100%;top:3.5vw;font-weight: 500;}
.mbiaoti p{font-size: 3.6vw;color: #999;margin: 4vw 0 0 0;}
.myousi{width: 95%;margin:3vw auto 0;}
.myousi ul{margin: 0;padding: 0;}
.myousi ul li{width: 31%;float: left;height: 27vw;text-align: center;background-color: #fff;margin:  1vw;padding: 3.0vw 1.5vw;line-height: 30vw;}
.myousi ul li img{width: 15vw; display: block;margin: 0 auto;}
.myousi ul li span{font-size: 3.4vw;color: #353535;margin: 2vw 0 0 0;display: block;line-height: 4.5vw;text-align: center;}
.mchanpin{width: 100%;background-color: #fff;padding-top: 3vw;}
.msida{width: 96%;margin: 3vw auto 0;}
.msida ul{margin: 0;padding: 0;}
.msida ul li{width: 47.5%;float: left;background-color: #fff;height: 46vw;margin: 2vw 1vw;box-shadow: 2px 2px 5px #ddd;}
.msida ul li img{width: 100%;height: 25vw; border-top-left-radius: 2vw;border-top-right-radius: 2vw;}
.msida ul li h4{font-size: 4vw;color: #353535;margin: 0;text-align: center;}
.msida ul li p{font-size: 3.6vw;color: #999;margin: 1vw 0 0 0;text-align: center;}

.mzychan{width: 100%;background: url(../image_wap/chanpin_img.png) top no-repeat;background-size: 100% 100%;padding-top: 3vw;margin-top: 3vw;}
.mbiaotis{width: 100%;position: relative; text-align: center}
.mbiaotis h2{font-size:4.4vw;color: #3973ff;margin: 0; width: 100%;}
.mbiaotis h3{font-size: 4.4vw;color: #fff;margin: 0;position: absolute;width: 100%;top:3.5vw;font-weight: 500;}
.mbiaotis p{font-size: 3.6vw;color: #fff;margin: 4vw 0 0 0;}
.mtwoc{width: 96%;margin: 3vw auto 0;display: table;}
.mtwoc ul{margin: 0;padding: 0;}
.mtwoc ul li{width: 47.5%;float: left;margin: 2vw 1vw;}
.mjyt{background-color: #fff;padding: 1.5vw;}
.mjyt img{width: 100%;}
.mjyt h4{font-size: 4vw;color: #353535;margin: 0;text-align: center;}
.mjyt hr{width: 50%;border: none;background-color: #ddd;height: 1px;}
.mjyt p{font-stretch: 3.4vw;color: #999;margin: 1vw 0 0 0;text-align: center;overflow:hidden;white-space:nowrap; text-overflow:ellipsis;}
.manne{width: 100%;margin-top: 2vw;border-bottom-left-radius: 2vw;border-bottom-right-radius: 2vw;height: 9vw;background-color: #fff;line-height: 9vw;text-align: center;color: #2663f4;}
.mjiejue{width: 100%;padding-top: 3vw;}
.mjiealls{width: 96%;margin: 3vw auto 0;    width: 96vw;margin: 3vw auto 0; overflow: hidden;}
.mjiealls ul{margin: 0;padding: 0;}
.mjiealls ul li{width: 30%;background-color: #fff;border-radius: 2vw;box-shadow: 2px 2px 5px #ddd;padding: 1vw;float: left;}
.mjiealls ul li img{width: 15vw;margin: 0 auto;display: block;height: 15vw;}
.mjiealls ul li h2{font-size: 3.8vw;color: #353535;margin: 3vw 0 0 0;text-align: center;font-weight: 500;}
.mjiealls ul li span{font-size: 3.6vw;color: #999;margin: 2vw 0 0 0;text-align: center;display: block;}
.mmyht{width: 100%;background: url(../image_wap/stw_img.png) center no-repeat;background-size: 100% 100%;padding: 3vw;margin-top: 3vw;display: table;}
.mmyht ul{margin:0;padding: 0;}
.mmyht ul li{float: left;width: 33.33%;}
.mmyht ul li img{width: 10vw;margin: 0 auto;display: block;}
.wenzi{text-align: center;display: flex;color: #fff;margin: 3vw auto;width: 50%;}
.wenzi h2{font-size: 7vw;margin: 0;}
.wenzi p{font-size: 3.6vw;margin: 0;}
.mmyht ul li h6{font-size: 3.6vw;color: #fff;display: block;margin: 0 auto;text-align: center;width: 100%;font-weight: 500;}
.mzizhi{width: 95%;margin: 3vw auto 0;}
.zizhialls{width: 100%;}

.zihi_top{width:100%;margin: 2vw 0;box-sizing: border-box;display:table;}
.zihi_top ul{margin:0 -1vw;padding: 0;}
.zihi_top ul li{width:1%; display: table-cell; padding:0 1vw;}
.zihi_top ul li div{width:100%;height: 10vw;border: 1px solid #2b68fa;line-height: 10vw;text-align: center;color: #2b68fa;}
.zihi_top ul li.mact div{background-image: linear-gradient(to right , #312adc, #2f84ee);text-align: center;color: #fff !important;}
.ngrfds{width: 100%;}
.zihi_bom{width:100%;display: table;}
.zihi_bom ul{margin: 0;padding: 0;} 
.zihi_bom ul li{width: 25%;float: left;}
.zihi_bom ul li img{width: 100%;height:23vw;margin: 0;display: block;}
.zise_bom{width: 100%;display: table;}
.zise_bom ul{margin: 0;padding: 0;}
.zise_bom ul li{float: left;width: 31%;margin: 0 1vw;}
.zise_bom ul li img{border: 2px solid #fff;display: block;margin: 0 auto;width: 100%;height: 37vw; box-shadow: 2px 2px 5px #ddd;}
.zise_bom ul li p{font-size: 3.6vw;color: #353535;margin:2vw 0 0 0;text-align: center;}
.mnews{width:100%;background-color: #f1f2f5;margin: 3vw auto 0;padding-bottom: 3vw;}
.mnwlist{width: 95%;margin: 2vw auto;}
.mzuse{width:100%;margin: 2vw 0;display: table;}
.mzuse ul{margin: 0;padding: 0;}
.mzuse ul li{width: 50%;height: 10vw;line-height: 10vw;text-align: center;border: 1px solid #2b68fa;color: #2b68fa;float: left;}
.mzuse ul li:first-child{border-bottom-left-radius: 2vw;border-top-left-radius: 2vw;}
.mzuse ul li:last-child{border-bottom-right-radius: 2vw;border-top-right-radius: 2vw;}
.ngrew{background-image: linear-gradient(to right , #312adc, #2f84ee);text-align: center;color: #fff !important;}
.mnw_tomtop{width: 100%;position: relative;background-color: #fff;}
.mnw_tomtop img{width: 100%;height: 32vw;}
.timefr{width: 20vw;height: 20vw;position: absolute;left: 0;top: 0;background-color: #2b68fa;padding: 5vw 2vw;text-align: center;}
.timefr h3{font-size: 8vw;color: #fff;margin: 0;}
.timefr span{font-size: 3.6vw;color: #fff;margin-top: 1vw;display: block;}
.mnw_tomtop h2{font-size: 4.6vw;color: #353535;font-weight: 500;margin: 1vw 0 0 0;padding-left: 2vw;}
.mnw_tomtop p{font-size: 3.6vw;color: #999;margin: 2vw 0 0 0;overflow:hidden;white-space:nowrap; text-overflow:ellipsis;padding-left: 2vw;}
.mnw_tomtop a{margin: 0;display: table;}
.mnius{padding-left: 2vw;font-size: 3.6vw;color: #333;margin: 2vw 0;}
.mnw_tombom{width: 100%;margin-bottom: 16vw}
.mnw_tombom ul{margin: 0;padding: 0;}
.mnw_tombom ul li{width: 100%; display: flex;align-items: center;margin: 2vw 0;}
.mbon_time{width: 25%;background-color: #2b68fa;height: 25vw;padding: 6.5vw 3vw;}
.mbon_time h3{font-size: 7vw;color: #fff;margin: 0;text-align: center;}
.mbon_time span{font-size: 3.6vw;color: #fff;margin-top: 1vw;display: block;text-align: center;}
.mbon_text{width: 75%;background-color: #fff;height: 25vw;padding: 2vw}
.mbon_text h2{font-size: 4.2vw;color: #353535;font-weight: 500;margin: 1vw 0 0 0;padding-left: 2vw;overflow:hidden;white-space:nowrap; text-overflow:ellipsis;}
.mbon_text p{font-size: 3.4vw;color: #999;margin: 2vw 0 0 0;overflow:hidden;white-space:nowrap; text-overflow:ellipsis;padding-left: 2vw;text-align: center;}
.mbon_text a{margin: 0;display: table;}


/*产品中心*/
.mprou{width: 100%;margin: 0 auto;display: table;}
.mprou ul{margin: 0;padding: 0;}
.mprou ul li{width: 20%;height: 12vw;line-height: 12vw;float: left;text-align: center;font-size: 3.6vw;color: #353535;padding: 0 1vw;}
.mprou ul li:hover{border-bottom: 2px solid #3221e7!important;}
.mprou ul li.on{border-bottom: 2px solid #3221e7!important;}
.mprou hr{background-color: #ddd;height: 1px;display: block;border: none;width: 100%;}
.mlkjh{width: 96%;margin: 0 auto 17vw;display: table;margin-bottom: 20vw;}
.mlkjh ul{margin: 0;padding: 0;}
.mlkjh ul li{float: left;width: 47.5%; box-shadow: 2px 2px 5px #ddd;margin: 1vw;}
.mlkjh ul li img{width: 100%;height: 30vw;}
.mlkjh ul li h4{font-size: 4vw;color: #353535;margin: 0;padding-left: 2vw;overflow:hidden;white-space:nowrap; text-overflow:ellipsis;}
.mlkjh ul li p{font-size: 3.6vw;color: #999;margin: 1vw 0 0 0;padding-left: 2vw;overflow:hidden;white-space:nowrap; text-overflow:ellipsis;}
.mlktxt{text-align: center;margin: 2vw;font-size: 3.6vw;color: #353535;}
/*产品中心*/

/*产品详情*/
.mnasde{width: 100%;background-color: #2b68fa;height: 12vw;padding: 0 3vw;display: flex;align-items: center;position: relative;}


.mnaviga{width: 100%;background-color: #2b68fa;height: 12vw;line-height: 12vw;padding: 0 3vw;display: flex;align-items: center;}
.mnaviga img{width:20vw;height: 6vw; }
.mnav_rit{margin-left: auto;display: flex;align-items: center;}
.mnav_rit h2{font-size: 4.2vw;color: #fff;margin: 0;font-weight: 500;padding-right: 3vw}
.mnav_rit img{width: 5vw;height: 4vw;}
.commod{width: 100%;margin-top: 1vw;}
.commod img{width: 100%;height: 63vw;}
.mb_txt{width: 95%;margin:  2vw auto 0;text-align: center;}
.mb_txt h1{font-size: 5vw;color: #3b3b3b;margin: 0;}
.mb_txt p{font-size: 3.6vw;color: #858585;margin: 1vw 0}
.mb_text{width: 95%;margin:  2vw auto 0;text-align: center;margin-bottom: 17vw;}
.mb_text img{width: 100%;}
.mb_text h1{font-size: 5vw;color: #3b3b3b;margin: 0;}
.mb_text p{font-size: 3.6vw;color: #858585;margin: 1vw 0}

.minsert{width: 95%;margin: 4vw auto;padding: 2vw;box-shadow: 2px 2px 5px #ddd;border-radius: 2vw}
.adline{width: 100%;position: relative;text-align: center;}
.adline h2{font-size:4.4vw;color: #f4f0fc;margin: 0; width: 100%;}
.adline h3{font-size: 4.4vw;color: #793ae1;margin: 0;position: absolute;width: 100%;top:3.5vw;}
.adline hr{width:35%;margin:6vw auto 0;display: block;border: none;height: 1px;background-color: #ddd;} 
.mname{width: 100%;display: flex;align-items: center;margin-top:2vw; }


.na_inot{width: 43%;border: none;background-color: #f6f7fb;height: 8vw;line-height: 8vw;padding: 2vw 2vw 2vw 3vw;}
.na_sinot{margin-left: auto;width: 43%;border: none;background-color: #f6f7fb;height: 8vw;line-height: 8vw;padding: 2vw 2vw 2vw 3vw;}
.yaz_m{width: 62%;border: none;background-color: #f6f7fb;height: 8vw;line-height: 8vw;padding: 2vw 2vw 2vw 3vw;}
.qw_n{width: 30%;height: 12vw;line-height: 12vw;text-align: center;background-color: #5d57f3;border: none;margin-left: auto;font-size: 3.6vw;color: #fff;}
.ljzx_s{width: 100%;background-color: #312adc;border: none;text-align: center;height: 12vw;line-height: 12vw;color: #fff;font-size: 3.6vw;border-radius: 2vw;box-shadow: 2px 2px 5px #312adc;margin-bottom: 2vw;}
.mdetails{width: 100%;margin-top: 3vw;margin-bottom: 17vw;}
.mdetails img{width: 100%;margin: 0;display: block;}
.mdetails p{font-size: 3.6vw;color: #555;margin: 0;line-height: 6.6vw}
.mbom_inst{width: 100%;margin-top: 2vw;background-color: #4e3afd;padding: 3vw 2vw;}

.adl_e{width: 100%;position: relative;text-align: center;}
.adl_e h2{font-size:4.4vw;color: #6759fd;margin: 0; width: 100%;}
.adl_e h3{font-size: 4.4vw;color: #fff;margin: 0;position: absolute;width: 100%;top:3.5vw;}
.adl_e hr{width:35%;margin:6vw auto 0;display: block;border: none;height: 1px;background-color: #ddd;}
.re_n{width: 30%;height: 12vw;line-height: 12vw;text-align: center;background-color: #26d8f7;border: none;margin-left: auto;font-size: 3.6vw;color: #fff;}
.bgr_r{width: 100%;background-image: linear-gradient(to right , #ff7359, #fe2a50);border: none;text-align: center;height: 12vw;line-height: 12vw;color: #fff;font-size: 3.6vw;border-radius: 2vw;margin-bottom: 2vw;}