.headerbox_m{width: 100%;height: auto;padding: 3%;position: absolute;z-index: 200;top: 0;left: 0;}
.headerbox_m .logo{width: 328px;height: auto;display: block;text-align: center;float: left;}
.headerbox_m .logo img{width: 100%;display: block;}
.headerbox_m .nav{width: 30px;height: 22px;float:right;margin-top:1.5%;background: url(../images/navicon.png) no-repeat;background-size: 100%;}
.headerbox_m .nav .navbg{width:100%;height:100%;background:rgba(0,0,0,0.6);position:fixed;left:-100%;top:0;z-index: 110}
.headerbox_m .nav a.navicon{width: 30px;height: 22px;display: block;}
.headerbox_m .nav .navlist{width:80%;height:auto;position: fixed;left:-100%;top:0;z-index: 120;background: #fff;min-height: 100%}
.headerbox_m .nav .navlist .navtop .nclose{width: 15px;height: 15px;position: absolute;right: 5px;top: 5px;/*background: url(../images/mobile/nclose.png) no-repeat;*/background-size: 100%;}
.headerbox_m .nav .navlist a.nlogo{padding: 5% 0;display: block;border-bottom: 1px solid #ddd;background: #083c94;}
.headerbox_m .nav .navlist a.nlogo img{width: 328px;height: auto;display: block;margin: 0 auto;}
.headerbox_m .nav .navlist ul.first{width:100%;height:auto;background:#fff;}
.headerbox_m .nav .navlist ul.first li{width:100%;height:auto;position: relative;border-bottom:1px solid #ddd;background-size: 5% 24%}
.headerbox_m .nav .navlist ul.first li a{padding:0 6%;font-size:16px;color:#333;line-height: 50px;display:block; text-align:left;text-indent: 10px;}
.headerbox_m .nav .navlist ul.first li ul.second{width: auto;height: auto;position: absolute;right: -100%;top: -30%;padding:6% 0;background: #4d4951;display: none;}
.headerbox_m .nav .navlist ul.first li ul.second li{width: 100px;height: auto;}
.headerbox_m .nav .navlist ul.first li ul.second li a{font-size: 12px;color:#333;line-height:30px;display: block;text-align: center; background: #4d4951;text-indent: 0;}

.mi01{padding: 5% 1.5%;}
.mi01 .t{margin-bottom: 4%}
.mi01 .t h2{font-size: 24px;color:#222;line-height: 30px;font-weight: bold;text-align: center;margin-bottom: 15px;}
.mi01 .t p{font-size: 14px;color:#575d6c;text-align: center;line-height: 24px;}
.mi01 .b{width: auto;}
.mi01 .b ul{font-size: 0;text-align: left;}
.mi01 .b ul li{width: 30%;display: inline-block;vertical-align: top;margin: 0 1.5% 3%;box-shadow:0 0 25px rgb(0 0 0 / 10%);}
/*.mi01 .b ul li{display: inline-block;vertical-align: top;margin-left: 25px;margin-bottom: 30px;width: 189px;height: 118px;background: #fff;padding-top: 42px;}*/
.mi01 .b ul li a{display: block;padding: 15px 5px}
.mi01 .b ul li i{width: 40px;height: 34px;display: block;margin: 0 auto 10px;}

.mi01 .b ul li h2{font-size: 13px;color:#222;line-height: 22px;text-align: center;width: 100%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.mi01 .b ul li:hover{background: url(../images/index/prod-hov.jpg) no-repeat;background-size: cover;}
.mi01 .b ul li:hover a i{background-position: bottom center;}
.mi01 .b ul li:hover a h2{color:#fff;}

.mi02{padding: 5% 1.5%;background: #dfe6f2;}
.mi02 .t{margin-bottom: 4%}
.mi02 .t h2{font-size: 24px;color:#222;line-height: 30px;font-weight: bold;text-align: center;margin-bottom: 15px;}
.mi02 .t p{font-size: 14px;color:#575d6c;text-align: center;line-height: 24px;}
.mi02 .b{width: auto;}
.mi02 .b .solu-t{margin-bottom: 3%;}
.mi02 .b .solu-t ul{font-size: 0;text-align: center;}
.mi02 .b .solu-t ul li{width: 47%;margin: 0 1.5% 3%;display: inline-block;vertical-align: middle;border-radius: 5px;overflow: hidden;}
.mi02 .b .solu-t ul li.all{opacity: 0;width: 0;margin: 0;}
.mi02 .b .solu-t ul li a{width: 100%;display: block;position: relative;}
.mi02 .b .solu-t ul li .imgs{width: 100%;height: auto;display: block;}
.mi02 .b .solu-t ul li .imgs img{width: 100%;display: block;transition: all 500ms;}
.mi02 .b .solu-t ul li .tits{font-size: 20px;color:#fff;line-height: 30px;position: absolute;left: 0;bottom: 20px;text-indent: 20px;width: 100%;transition: all 500ms;text-align: left;}
.mi02 .b .solu-b{width: auto;}
.mi02 .b .solu-b ul{font-size: 0;text-align: left;}
.mi02 .b .solu-b ul li{display: inline-block;vertical-align: middle;width: 47% !important;margin:0 1.5%;background-color: #0068c4;border-radius: 5px;overflow: hidden;}
.mi02 .b .solu-b ul li a{display: block;width: 92%;height: 92%;padding:4%;transition: all 500ms;}
.mi02 .b .solu-b ul li .tits{font-size: 16px;color:#fff;line-height: 32px;width: 100%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;display: block;}
.mi02 .b .solu-b ul li .more{font-size: 13px;color:#fff;line-height: 20px;}
.mi02 .b .solu-b ul li:hover a{background-color: #1278cd;}
/* .mi02 .b .ul{width: auto;padding-bottom: 35px;}
.mi02 .b .ul .li{width: 47%;display: inline-block;vertical-align: top;}
.mi02 .b .ul .li a.text{display: block;position: absolute;left: 0;bottom: 0;padding: 0 2% 4%;width: 96%;}
.mi02 .b .ul .li a.text .icon{width: 45px;height: 35px;display: block;margin-bottom: 12px;}
.mi02 .b .ul .li a.text .icon img{width: 100%;display: block;}
.mi02 .b .ul .li a.text h2{font-size: 24px;color:#fff;line-height: 30px;margin-bottom: 8px;font-weight: bold;width: 100%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.mi02 .b .ul .li a.text p{font-size: 16px;color:#fff;line-height: 30px;height: 0;overflow: hidden;margin-bottom: 10px;transition: all 500ms;}
.mi02 .b .ul .li a.text .more{font-size: 0;text-align: left;}
.mi02 .b .ul .li a.text .more b{font-size: 16px;color:#fff;line-height: 20px;display: inline-block;vertical-align: middle;margin-right: 10px;}
.mi02 .b .ul .li a.text .more i{display: inline-block;vertical-align: middle;font-size: 14px;font-family: "宋体";color:#fff;font-weight: bold;line-height: 20px;}
.mi02 .b .ul .li a.img{width: 100%;height: auto;display: block;}
.mi02 .b .ul .li a.img img{width:100%;display: block;}
.mi02 .b .ul .li:hover a.text p{height: 60px;}
.mi02 .b .swiper-pagination{bottom: 10px !important;}
.mi02 .b .swiper-pagination-bullet{width: 20px;height: 5px;background: #d1d1d1;border-radius: 0;opacity: 1;}
.mi02 .b .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #005bac} */

.mi03{padding: 5% 3%;}
.mi03 .t{margin-bottom: 4%}
.mi03 .t h2{font-size: 24px;color:#222;line-height: 30px;font-weight: bold;text-align: center;margin-bottom: 15px;}
.mi03 .t p{font-size: 14px;color:#575d6c;text-align: center;line-height: 24px;}
.mi03 .b{width: auto;}
.mi03 .b ul{font-size: 0;text-align: left;}
.mi03 .b ul li{width:30%;height:auto;display: inline-block;position: relative;overflow: hidden;box-shadow:0 0 16px rgb(222 228 243 / 100%);vertical-align: middle;margin: 0 1.5% 3%}
.mi03 .b ul li img{display: block;margin: 7px auto;width:100%;transition: all 500ms;height: auto;}
.mi03 .b .more{width: 40%;height: auto;display: block;margin: 0 auto;font-size: 15px;color:#333;line-height: 40px;border-radius: 30px;margin: 15px auto 0;text-align: center;border: 1px solid #555}

.mi04{padding: 5% 1.5%}
.mi04 .t{margin-bottom: 4%;}
.mi04 .t h2{font-size: 24px;color:#222;line-height: 30px;font-weight: bold;text-align: center;margin-bottom: 15px;}
.mi04 .b{width: auto;}
.mi04 .b .b-list a{display: block;}
.mi04 .b .b-list .imgs{width: 100%;height: auto;display: block;overflow: hidden;margin-bottom: 10px;position: relative;}
.mi04 .b .b-list .imgs .cate-tit{width: 100px;height: 40px;display: block;position: absolute;left: 0;top: 0;background: rgba(0,0,0,0.5);font-size: 15px;color:#fff;line-height: 40px;text-align: center;}
.mi04 .b .b-list .imgs img{width: 100%;display: block;transition: all 500ms;}
.mi04 .b .b-list h2{font-size: 15px;color:rgba(17,17,17,0.9);line-height: 25px;height: 50px;overflow: hidden;margin-bottom: 5px;font-weight: bold;}
/*.mi04 .b .top{margin-bottom: 3%;}
.mi04 .b .top ul{font-size: 0;text-align: left;}
.mi04 .b .top ul li{width: 47%;display: inline-block;vertical-align: top;margin: 0 1.5%}
.mi04 .b .top ul li a{display: block;}
.mi04 .b .top ul li .imgs{width: 100%;height: auto;display: block;overflow: hidden;margin-bottom: 10px;}
.mi04 .b .top ul li .imgs img{width: 100%;display: block;transition: all 500ms;}
.mi04 .b .top ul li h2{font-size: 15px;color:rgba(17,17,17,0.9);line-height: 25px;height: 50px;overflow: hidden;margin-bottom: 5px;font-weight: bold;}
.mi04 .b .top ul li span{font-size: 13px;color:#c4c4c4;line-height: 18px;text-align: left;margin-bottom: 5px;display: block;}
.mi04 .b .top ul li p{font-size: 13px;color:#888;line-height: 20px;text-align: justify;height: 40px;overflow: hidden;}
.mi04 .b .btm{width: auto;}
.mi04 .b .btm ul{font-size: 0;text-align: left;width: auto;}
.mi04 .b .btm ul li{width: 100%;font-size: 0;text-align: left;}
.mi04 .b .btm ul li a.tits{font-size: 14px;color:#333;line-height: 26px;width:96%;display: inline-block;vertical-align: middle;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;padding-left: 4%;background:url(../images/index/p-list-icon.png) no-repeat scroll left center;font-weight: bold;}
.mi04 .b .btm ul li span{font-size: 12px;color:#777;line-height: 26px;display: inline-block;vertical-align: middle;width: 55px;text-align: right;}*/
.mi04 .b .btns{font-size: 0;text-align: center;padding-top: 15px;}
.mi04 .b .btns a{width: 27%;height: auto;display: inline-block;font-size: 13px;color:#333;line-height: 32px;border-radius: 30px;text-align: center;border: 1px solid #555;vertical-align: middle;margin: 0 5px;}

.footerbar_m{width: 100%;padding:0%;background: #3a3a3a;}
.footernavs{width: auto}
.footernavs .fnav{width: auto;}
.footernavs .fnav .t{border-bottom: 1px solid #4e4e4e;}
.footernavs .fnav h2{font-size: 16px;color:#fff;line-height: 50px;text-align: left;float:left;font-weight: bold;}
.footernavs .fnav ul{width: auto;padding: 0 3%;display: none;transition: all 500ms;}
.footernavs .fnav ul li{width: auto;}
.footernavs .fnav ul li a{font-size: 14px;color:#fff;line-height: 40px;display: block;}
.footerphone{border-bottom: 1px solid #4e4e4e}
.footerphone p{font-size: 14px;color:#fff;line-height: 50px;}
.footerphone p span{font-size: 18px;color:#fff;line-height: 50px;margin-left: 10px;font-weight: bold;}
.footercopy{padding: 8px 0;}
.footercopy p{font-size: 14px;color:rgba(255,255,255,0.7);line-height: 24px;text-align: left;}
.footercopy p a{color:rgba(255,255,255,0.7);}
.footerfixed{width: 100%;height: auto;position: fixed;left: 0;bottom:0;padding: 10px 0;background: #fff;z-index: 6}
.footerfixed ul li{width: 25%;height: auto;float:left;}
.footerfixed ul li a.links{display: block;}
.footerfixed ul li a.links i{width: 40px;height: 36px;display: block;margin: 0 auto;margin-bottom: 10px;}
.footerfixed ul li a.links p{font-size: 15px;color:#444;line-height: 24px;text-align: center;}
.footerfixed ul li a.links i.ficon01{background: url(../images/mobile/f-icon01.png) no-repeat scroll center center;background-size: 100% 100%;}
.footerfixed ul li a.links i.ficon02{background: url(../images/mobile/f-icon02.png) no-repeat scroll center center;background-size: 100% 100%;}
.footerfixed ul li a.links i.ficon03{background: url(../images/mobile/f-icon03.png) no-repeat scroll center center;background-size: 100% 100%;}
.footerfixed ul li a.links i.ficon04{background: url(../images/mobile/f-icon04.png) no-repeat scroll center center;background-size: 100% 100%;}

.contbox-bg{background: #f6f6f6;}

/*产品中心列表*/
.mob_contbox_box .prod-list{width: auto;}
.mob_contbox_box .prod-list .t-tit{width: auto;margin: 0 auto;padding: 5% 3%}
.mob_contbox_box .prod-list .t-tit h2{font-size: 26px;color:#222;line-height: 40px;font-weight: bold;text-align: center;margin-bottom: 3%;}
.mob_contbox_box .prod-list .t-tit p{font-size: 14px;color:#575d6c;line-height: 24px;text-align: left !important;text-indent: 2em;}
.mob_contbox_box .prod-list .t-tit p span{display: block;text-align: center;margin-bottom: 15px;}
.mob_contbox_box .prod-list .b-tit{font-size: 0;text-align: left;width: 70%;margin: 0 auto;padding-bottom: 60px;}
.mob_contbox_box .prod-list .b-tit .l{width: 100%;}
.mob_contbox_box .prod-list .b-tit .l ul{font-size: 0;text-align:left;}
.mob_contbox_box .prod-list .b-tit .l ul li{width: 47%;display: inline-block;vertical-align: top;margin: 0 1.5% 3%}
.mob_contbox_box .prod-list .b-tit .l ul li em{width: 45px;height: 40px;display: block;margin: 0 auto 10px;}
.mob_contbox_box .prod-list .b-tit .l ul li em img{width: 100%;display: block;height: auto;}
.mob_contbox_box .prod-list .b-tit .l ul li h2{font-size: 16px;color:#005bac;font-weight: bold;text-align: center;line-height: 24px;}
.mob_contbox_box .prod-list .b-tit .l ul li p{font-size: 14px;color:#333;line-height: 22px;text-align: center;}
.mob_contbox_box .prod-list .b-tit .r{width:auto;margin-bottom: 3%;padding: 0 3%}
.mob_contbox_box .prod-list .b-tit .r img{width: 100%;display: block;height: auto;}

.mob_contbox_box .prod-list .b-list{width: 100%;height: auto;background:#fff url(../images/mobile/b-list-bg.jpg) no-repeat scroll bottom center;background-size: 100%;padding-bottom: 85px;}
.mob_contbox_box .prod-list .b-list .t{width:100%;height:auto;margin:0 auto;margin-bottom:40px;padding-top: 4%;}
.mob_contbox_box .prod-list .b-list .t h2{font-size: 26px;color:#222;line-height: 40px;font-weight: bold;text-align: center;}
.mob_contbox_box .prod-list .b-list .b{width: auto;}
.mob_contbox_box .prod-list .b-list .b ul{font-size: 0;text-align: center;}
.mob_contbox_box .prod-list .b-list .b ul li{width: 30%;display: inline-block;vertical-align: top;margin: 0 1.5% 15px;transition: all 500ms;}
.mob_contbox_box .prod-list .b-list .b ul li a{display: block;}
.mob_contbox_box .prod-list .b-list .b ul li i{width: 45px;height: 40px;display: block;margin: 0 auto 10px;overflow: hidden;}
.mob_contbox_box .prod-list .b-list .b ul li i img{display: block;width: 100%}
.mob_contbox_box .prod-list .b-list .b ul li h2{font-size: 15px;color:#222;line-height: 28px;text-align: center;font-weight: normal;}
/*.mob_contbox_box .prod-list .b-list .b ul li:hover{background: #0073d9;transform: translateY(-10px);}
.mob_contbox_box .prod-list .b-list .b ul li:hover i img{margin-top: -82px;}
.mob_contbox_box .prod-list .b-list .b ul li:hover h2{color:#fff;}
.mob_contbox_box .prod-list .b-list .b ul li:nth-child(3):hover i img{margin-top: -87px}*/

.mob_contbox_box .prod-list .b-auth{width:94%;height: auto;padding: 5% 3%;background: #f5f7ff;}
.mob_contbox_box .prod-list .b-auth .t{width:100%;height:auto;margin:0 auto;margin-bottom:20px;padding-top: 4%;}
.mob_contbox_box .prod-list .b-auth .t h2{font-size: 18px;color:#222;line-height: 32px;font-weight: bold;text-align: center;}
.mob_contbox_box .prod-list .b-auth .b{width: auto;}
.mob_contbox_box .prod-list .b-auth .b ul{font-size: 0;text-align: left;padding-bottom: 40px;}
.mob_contbox_box .prod-list .b-auth .b ul li{width: 47%;display: inline-block;vertical-align: top;background: #fff;}
.mob_contbox_box .prod-list .b-auth .b ul li a{display: block;} 
.mob_contbox_box .prod-list .b-auth .b ul li .imgs{width: 100%;height:240px;overflow: hidden;transition: all 500ms;background: #ededed;}
.mob_contbox_box .prod-list .b-auth .b ul li .imgs img{width: auto;display: block;transition: all 500ms;height: 100%;margin: 0 auto;max-width: 100%;}
.mob_contbox_box .prod-list .b-auth .b ul li h2{font-size: 14px;color:#222;line-height: 32px;transition: all 500ms;width: 100%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;text-align: center;}
.mob_contbox_box .prod-list .b-auth .b .swiper-pagination-bullet{width: 20px;height: 5px;background: #d1d1d1;border-radius: 0;opacity: 1;}
.mob_contbox_box .prod-list .b-auth .b .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #005bac}

.mob_contbox_box .prod-list .b-case-bg{background: #f5f7ff;width: 100%;height: 100%;}
.mob_contbox_box .prod-list .b-case{height: auto;margin: 0 auto;padding: 5% 3%}
.mob_contbox_box .prod-list .b-case .t{margin-bottom: 40px;}
.mob_contbox_box .prod-list .b-case .t h2{font-size: 18px;color:#222;line-height: 24px;text-align: center;font-weight: bold;}
.mob_contbox_box .prod-list .b-case .b{width: auto;}
.mob_contbox_box .prod-list .b-case .b ul{font-size: 0;text-align: left;padding-bottom: 40px;}
.mob_contbox_box .prod-list .b-case .b ul li{width: 47%;display: inline-block;vertical-align: top;background: #fff;}
.mob_contbox_box .prod-list .b-case .b ul li a{display: block;} 
.mob_contbox_box .prod-list .b-case .b ul li .imgs{width: 100%;height:auto;overflow: hidden;transition: all 500ms;}
.mob_contbox_box .prod-list .b-case .b ul li .imgs img{width: 100%;display: block;transition: all 500ms;}
.mob_contbox_box .prod-list .b-case .b ul li .text{padding: 2% 3%;}
.mob_contbox_box .prod-list .b-case .b ul li .text h2{font-size: 16px;color:#222;line-height: 24px;font-weight: bold;margin-bottom: 10px;transition: all 500ms;}
.mob_contbox_box .prod-list .b-case .b ul li .text p{font-size: 14px;color:#333;line-height: 20px;text-align: justify;height: 90px;overflow: hidden;margin-bottom: 3%;transition: all 500ms;}
.mob_contbox_box .prod-list .b-case .b ul li .text .more{font-size: 13px;color:#005bac;line-height: 30px;display: block;}
.mob_contbox_box .prod-list .b-case .b ul li:hover .imgs img{transform: scale(1.05);}
.mob_contbox_box .prod-list .b-case .b ul li:hover .text h2{color:#005bac;}
.mob_contbox_box .prod-list .b-case .b ul li:hover .text p{color:#005bac;}
.mob_contbox_box .prod-list .b-case .b .swiper-pagination{bottom: 10px !important;}
.mob_contbox_box .prod-list .b-case .b .swiper-pagination-bullet{width: 20px;height: 5px;background: #d1d1d1;border-radius: 0;opacity: 1;}
.mob_contbox_box .prod-list .b-case .b .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #005bac}

.mob_contbox_box .prod-list .b-platform{width: auto;height: auto;margin: 0 auto;padding: 5% 3%;}
.mob_contbox_box .prod-list .b-platform .t{margin-bottom: 10px;}
.mob_contbox_box .prod-list .b-platform .t h2{font-size: 18px;color:#222;line-height: 24px;font-weight: bold;text-align: center;}
.mob_contbox_box .prod-list .b-platform .b{width: auto;font-size: 0;text-align: left;}
.mob_contbox_box .prod-list .b-platform .b .l{width:50%;display: inline-block;vertical-align: middle;}
.mob_contbox_box .prod-list .b-platform .b .l p{font-size: 14px;color:#333;line-height: 25px;text-align: left;margin-bottom: 10px;}
.mob_contbox_box .prod-list .b-platform .b .l p a{color:#005bac;font-weight: bold;text-decoration: underline;}
.mob_contbox_box .prod-list .b-platform .b .r{width: 45%;display: inline-block;vertical-align: middle;margin-left: 5%;}
.mob_contbox_box .prod-list .b-platform .b .r img{width: 100%;display: block;}


/*产品详情*/
.prodet{padding: 5% 0}
.prodet .pd01{width: 100%;height: auto;}
.prodet .pd01 .l{width: 94%;height: auto;padding: 0 3%}
.prodet .pd01 .l .top{margin-bottom: 4%;}
.prodet .pd01 .l .top h2{font-size: 20px;color:#1e1e1e;line-height: 21px;font-weight: bold;margin-bottom: 5%;text-align: center;overflow: hidden;}
.prodet .pd01 .l .top p{display: none;}
.prodet .pd01 .l .btm{margin-bottom: 4%;}
.prodet .pd01 .l .btm img{width: 100%;display: block;}
.prodet .pd01 .r{width:94%;padding: 0 3%}
.prodet .pd01 .r .top{margin-bottom: 4%;}
.prodet .pd01 .r .top h2{font-size: 20px;color:#1e1e1e;line-height: 34px;font-weight: bold;margin-bottom: 20px;display: none;}
.prodet .pd01 .r .top p{font-size: 14px;color:#333;line-height: 24px;text-align: justify;}
.prodet .pd01 .r .btm{margin-bottom: 15px;}
.prodet .pd01 .r .btm ul{font-size: 0;text-align: left;}
.prodet .pd01 .r .btm ul li{display: inline-block;vertical-align: top;margin-right: 4%;}
.prodet .pd01 .r .btm ul li em{width: 40px;height: 40px;display: block;margin: 0 auto 10px;}
.prodet .pd01 .r .btm ul li em img{display: block;width: 100%;height: auto;}
.prodet .pd01 .r .btm ul li p{font-size: 14px;color:#1e1e1e;line-height: 24px;text-align: center;}
.prodet .pd02{width: auto;}
.prodet .pd02 .top{background: #737373;width: 96%;padding: 0 2%}
.prodet .pd02 .top.fixed{position: fixed;left: 0;top: 0;}
.prodet .pd02 .top ul{width: 1280px;margin: 0 auto;font-size: 0;text-align: left;}
.prodet .pd02 .top ul li{display: inline-block;vertical-align: middle;margin-right: 10px;}
.prodet .pd02 .top ul li a{font-size: 14px;color:#fff;line-height: 40px;display: block;padding: 0 5px;}
.prodet .pd02 .top ul li.h1 a{background: #005bac}
.prodet .pd02 .btm{width: 100%;padding:4% 0;margin: 0 auto;}
.prodet .pd02 .btm .b01{border-bottom: 1px solid #e6e6e6;padding:0 3% 3%;}
.prodet .pd02 .btm .b01 h2{font-size: 18px;color:#222;font-weight: bold;line-height: 24px;margin-bottom: 3%;}
.prodet .pd02 .btm .b01 p{font-size: 14px;color:#222;line-height: 24px;text-align: justify;}
.prodet .pd02 .btm .b02{padding: 3% 3% 0;}
.prodet .pd02 .btm .b02 h2{font-size: 15px;color:#222;line-height: 24px;font-weight: bold;margin-bottom: 2%;}
.prodet .pd02 .btm .b02 h3{font-size: 15px;color:#222;line-height: 24px;font-weight: bold;margin-bottom: 2%;}
.prodet .pd02 .btm .b02 p{font-size: 14px;color:#333;line-height: 24px;text-align: justify;margin-bottom: 1%;}
.prodet .pd02 .btm .b02 p a{width: 100%;display: block;margin-bottom: 3%;}
.prodet .pd02 .btm .b02 p a img{width: 100%;display: block;}
.prodet .pd02 .btm .b02 img{width: 100%;height: auto;margin: 15px auto;display: block;}
.prodet .pd02 .btm .b02 table td span{font-size: 14px !important;}
.prodet .pd02 .btm .b02 ul{font-size: 0;text-align: left;}
.prodet .pd02 .btm .b02 ul li{width: 97%;display: inline;vertical-align: top;margin: 0 1.5% 3%}
.prodet .pd02 .btm .b02 ul li em{width: 40px;height: 40px;display: block;margin-bottom: 15px;}
.prodet .pd02 .btm .b02 ul li img{width: 100%;display: block;}
.prodet .pd02 .btm .b02 table{width: 100%;display: block;}




/*案例详情*/
.newsdet{width: auto;height: auto;margin: 0 auto;padding: 5% 3%}
.newsdet .nt{margin-bottom: 3%;border-bottom: 1px solid #e6e6e6;padding-bottom: 10px;}
.newsdet .nt h2{font-size: 16px;color:#000;line-height: 30px;text-align: center;font-weight: bold;}
.newsdet .nt p{text-align: center;font-size: 0;}
.newsdet .nt p span{display: inline-block;font-size: 12px;color:#666;line-height: 30px;margin: 0 6px}
/*.newsdet .nt p span.type{background: url(../images/index/n-icon01.jpg) no-repeat scroll left center;}
.newsdet .nt p span.author{background: url(../images/index/n-icon02.jpg) no-repeat scroll left center;}
.newsdet .nt p span.from{background: url(../images/index/n-icon03.jpg) no-repeat scroll left center;}
.newsdet .nt p span.date{background: url(../images/index/n-icon04.jpg) no-repeat scroll left center;}*/
.newsdet .nb{width: auto;}
.newsdet .nb h1 span{display: block;margin-bottom: 10px;}
.newsdet .nb p{font-size: 14px;color:#333;line-height: 30px;text-align: justify;}
.newsdet .nb div{font-size: 14px;color:#333;line-height: 30px;text-align: justify;}
.newsdet .nb img{display: inline-block;width: 100%;height: auto;text-align: center;}



/*服务与支持-新*/
.mob_header_box .service-navs{width: 100%;background: #f3f3f3;}
.mob_header_box .service-navs .s-navs{width: auto;height: auto;padding: 0 1.5%;position: relative;}
.mob_header_box .service-navs .s-navs ul{font-size: 0;text-align: center;width:auto;}
.mob_header_box .service-navs .s-navs ul li{display: inline-block;vertical-align: middle;font-size: 0;text-align: center;width: 20%;}
.mob_header_box .service-navs .s-navs ul li a{display: block;padding: 15px 0;}
.mob_header_box .service-navs .s-navs ul li i{width: 48px;height: 38px;display:block;margin: 0 auto 10px}
.mob_header_box .service-navs .s-navs ul li i.service_icon_01{background: url(../images/index/s-icon01.png) no-repeat scroll top center;}
.mob_header_box .service-navs .s-navs ul li i.service_icon_02{background: url(../images/index/s-icon02.png) no-repeat scroll top center;}
.mob_header_box .service-navs .s-navs ul li i.service_icon_03{background: url(../images/index/s-icon03.png) no-repeat scroll top center;}
.mob_header_box .service-navs .s-navs ul li i.service_icon_04{background: url(../images/index/s-icon04.png) no-repeat scroll top center;}
.mob_header_box .service-navs .s-navs ul li i.service_icon_05{background: url(../images/index/s-icon05.png) no-repeat scroll top center;}
.mob_header_box .service-navs .s-navs ul li b{font-size: 15px;color:#333;line-height: 22px;font-weight: normal;text-align: center;height: 44px;display: block;}
.mob_header_box .service-navs .s-navs ul li dl.doc-param{position: absolute;left: 0;top:100%;width: 99.5%;border: 1px solid #0073d8;font-size: 0;text-align: center;display: none;background: #fff;padding: 10px 0;}
.mob_header_box .service-navs .s-navs ul li dl.doc-param dd{display: inline-block;vertical-align: middle;font-size: 14px;color:#222;line-height: 40px;}
.mob_header_box .service-navs .s-navs ul li dl.doc-param dd a{font-size: 14px;color:#222;line-height: 40px;padding: 0 10px;display: block;background: none;}
.mob_header_box .service-navs .s-navs ul li:hover a{background: url(../images/index/service-li-bg.jpg) no-repeat;background-size: 100% 100%;}
.mob_header_box .service-navs .s-navs ul li:hover i{background-position: bottom center;}
.mob_header_box .service-navs .s-navs ul li:hover b{color:#fff;}
.mob_header_box .service-navs .s-navs ul li:hover dl.doc-param{display: block;}
.mob_header_box .service-navs .s-navs ul li dl.doc-param dd a:hover{color:#0073d9;}


/
.sbannerbox{width: auto;}
.sbannerbox .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 16px !important;}
.sbannerbox .swiper-pagination-bullet{width: 10px;height: 10px;border-radius: 50%;background: #fff;display: inline-block;vertical-align: middle;margin: 0 3px;opacity: 0.5;}
.sbannerbox .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity: 1;}
.sbannerbox .txtScroll-left{position: relative;}
.sbannerbox .txtScroll-left .hd{position: absolute;left: 0;bottom: 10px;width: 100%;}
.sbannerbox .txtScroll-left .hd ul{font-size: 0;text-align: center;}
.sbannerbox .txtScroll-left .hd ul li{width: 10px;height: 10px;border-radius: 50%;background: rgba(255,255,255,0.5);display: inline-block;vertical-align: middle;margin: 0 3px;}
.sbannerbox .txtScroll-left .hd ul li.on{background: #fff;}

/*列表翻页*/
.dede_pages{overflow:hidden;padding:10px 0 20px;clear:both; height:auto;}
.dede_pages ul{font-size:12px;color:#999; text-align:center;}
.dede_pages ul li{color:#666666; display:inline-block;overflow: hidden;margin-right: 5px;line-height: 40px;}
.dede_pages ul li select{border:1px solid #eee;background: transparent;outline: none;margin-left: 5px;height: 38px;margin-right: 6px;}
.dede_pages ul li .optionkw{margin-right: 5px;}
.dede_pages ul li a{color:#666666;text-decoration:none;width: 40px;height: 40px;line-height: 40px;display: block;}
.dede_pages ul li:hover{ background:#083c94;color:#fff;}
.dede_pages ul li:hover select{border-color:#083c94;}
.dede_pages ul li:hover a{color:#fff;}
.dede_pages ul li:hover span{color:#fff;}
.dede_pages ul li.thisclass{width: 40px;height: 40px;background:#083c94;color:#fff;}
/*.dede_pages ul li.thisclass,.dede_pages ul li.thisclass a,.pagebox ul li.thisclass a:hover{background:#e7161b !important;color:#fff !important;}*/



.media{padding: 5% 1.5%}
.media .tips{margin-bottom: 3%;}
.media .tips h2{font-size: 20px;color:#222;line-height: 32px;font-weight: bold;text-align: left;float:left;}
.media .tips ul{float:right;font-size: 0;text-align: left;}
.media .tips ul li{display: inline-block;vertical-align: middle;margin-left: 8px;}
.media .tips ul li a{font-size: 14px;color:#333;line-height: 32px;display: block;}
.media .tips ul li.hov a{color:#0073d9;}
.media .b .btms{width: auto;}
.media .b .btms ul{font-size: 0;text-align: left;}
.media .b .btms ul li{width: 47%;display: inline-block;vertical-align: top;margin: 0 1.5% 3%;box-shadow: 0 0 16px rgb(0 0 0 / 25%)}
.media .b .btms ul li .imgs{width: 100%;height: auto;display: block;overflow: hidden;}
.media .b .btms ul li .imgs img{width: 100%;display: block;}
.media .b .btms ul li .text{padding: 3%;width: 94%;}
.media .b .btms ul li .text h2{font-size: 15px;color:#222;line-height: 25px;display: block;height: 50px;overflow: hidden;}

/*适配性测试申请*/
.adap{width: auto;height: auto;margin: 0 auto;padding:5% 3%}
.adap .at{padding-bottom:3%;border-bottom: 1px solid #e6e6e6}
.adap .at h2{font-size: 20px;color:#333;line-height: 30px;font-weight: bold;text-align: center;display: block;}
.adap .at p{font-size: 14px;color:#555;line-height: 20px;margin-top: 12px;text-align: center;}
.adap .at p span{font-size: 16px;font-weight: bold;color:#0073d9;}
.adap .ab{padding-top: 10px;}
.adap .ab table{margin: 0 auto;}
.adap .ab table td{font-size: 0;}
.adap .ab table td p{font-size: 14px;color:#333;line-height: 48px;text-align: right;display: inline-block;}
.adap .ab table td span{font-size: 14px;color:#ff0000;line-height: 48px;display: inline-block;}
.adap .ab table td .intxt{width: 100%;height: 38px;border: 1px solid #bfbfbf;font-size: 14px;color:#333;line-height: 38px;text-indent: 10px;border-radius: 5px;}
.adap .ab table td .code{width: 100px;height: 46px;border: 1px solid #bfbfbf;font-size: 16px;color:#333;line-height: 46px;text-indent: 10px;border-radius: 5px;float: left;}
.adap .ab table td .codeimg{width: 100px;height: 46px;float: left;margin-left: 10px;}
.adap .ab table td .codeimg img{width: 100px;height: 46px;display: block;}
.adap .ab table td .inbtn{width: 100%;height: 40px;border: none;background: #0073d9;line-height: 40px;font-size: 14px;color:#fff;display: block;cursor: pointer;border-radius: 50px;margin-top: 20px;}
.adap .ab table td .inbtn:hover{background: #1488ef}
.adap .ab .pr10{padding-right: 10px;}




/*招聘弹窗*/
.joinbg{width: 100%;height: 100%;background: rgba(0,0,0,0.3);position: fixed;left: 0;top: 0;z-index: 1;display: none;}
.joinbox{width: 320px;height: auto;position: fixed;top: 50%;left: 50%;margin-left: -160px;border:1px solid #ccc;background: #fff;z-index: 2;display: none;margin-top: -150px;}
.joinbox .j-t{width: auto;height: auto;position: relative;background: #e7161b;}
.joinbox .j-t h2{font-size: 16px;color:#fff;line-height: 40px;text-align: center;font-weight: bold;}
.joinbox .j-t a.close{font-size: 12px;color:#fff;line-height: 40px;position: absolute;right: 10px;top: 0}
.joinbox .j-b{width: auto;height: auto;padding: 45px 10px;}
.joinbox .j-b p{font-size: 13px;color:#666;line-height: 26px;text-indent: 2em;}
.joinbox .j-b p span{color:#e7161b;font-weight: bold;}

/*顶部栏目导航*/
#wrapper{z-index:1;height:auto;width:96%;/*background:url(../images/mobile/t_03.jpg) repeat-x left bottom;*/overflow:hidden;-ms-touch-action:none;background:#f8f8f8;position: relative;/*padding-left: 20px;*/box-shadow: 1px 1px 2px 2px rgba(0,0,0,0.1);padding: 0 3%}
#scroller{z-index:1;-webkit-tap-highlight-color:rgba(0,0,0,0); height:42px;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0);-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;-o-text-size-adjust:none;text-size-adjust:none;background:#f8f8f8;overflow: hidden;min-width: 100%;}/*#wrapper .icon-left-bg{width: 20px;height: 42px;background: #e0dedc url(/m/assets/images/mobile/icon-right-bg.png) no-repeat;background-size: 30%;background-position:10px 15px;position: absolute;left: 0;top: 0;display: block;box-shadow: 0px 1px 2px 2px rgba(0,0,0,0.2);}*/
/*#wrapper .icon-left-bg{width: 20px;height: 42px;background: #e0dedc url(../images/mobile/icon-left-bg.png) no-repeat;background-size:100%;position: absolute;right: 0;top: 0;display: block;box-shadow: 0px 1px 2px 2px rgba(0,0,0,0.2);}*/
#scroller ul{list-style:none;width:auto;padding:0;margin:0;}
#scroller li{display:inline-block;height:42px;float:left;line-height:42px;font-size:18px;overflow:hidden;text-align:center;float:left;}
#scroller li a{font-size:14px;color:#333;display:block;height:40px;line-height:40px;padding:0px 10px;border-bottom: 2px solid #fff;}
#scroller .hov a,#scroller .hov a:focus{border-bottom:2px solid #de2d0b;color:#de2d0b;}



/*详情翻页*/
.prenext{width: 94%;height: auto;margin: 0 auto;margin-top: 3%;margin-bottom: 3%;padding:0 3%;padding-top: 3%;border-top: 1px dashed #e9e9e9;}
.prenext ul{width: 65%;float:left;}
.prenext ul li{font-size: 14px;color:#333;line-height: 30px;margin: 0 !important;padding: 0 !important;text-overflow: ellipsis;white-space: nowrap;word-break: break-all;overflow: hidden;}
.prenext ul li a{color:#333;transition: all .3s;}
.prenext a.return{font-size: 13px;color:#fff;padding: 0 3%;background: #083c94;line-height: 30px;float:right;margin-top: 3%}

@media(max-width:1050px){
	.mob_footer_box{padding-bottom: 90px;}
	.mob_contbox_box .kunpeng .b table td label{width: 50%;display: inline-block;vertical-align: top;}
	.adap .ab table{width: 55%}
	.mob_contbox_box .kunpeng .b table{width: 75%}
	.mob_contbox_box .kunpeng .b table td .file{margin-top: 0;}
	.mob_contbox_box .about .imgs img{width: 70%;margin: 0 auto;}
	.mob_contbox_box .about .box{background-color: #fff;}
	.mob_contbox_box .about .box .imgs img{width: 100%;}
	.mob_contbox_box .execu .b ul li .img{width: 25%;}
	.mob_contbox_box .honor .hlist ul li .imgs img{height: 301px;width: auto;margin: 0 auto;}
	.mob_footer_box .footercopy p{text-align: center;}
	.mob_footer_box .footerphone{width: 70%;margin: 0 auto;}
	.mob_footer_box .footernavs{width: 70%;margin: 0 auto;}
	
}

@media(max-width: 650px){
	.mob_contbox_box .problem .p01 .b .l{width: 100%;display: block;}
	.mob_contbox_box .problem .p01 .b .l p{text-align: center;}
	.mob_contbox_box .problem .p01 .b .r{width: 100%;display: block;}
	.mob_contbox_box .kunpeng .b table td label{width: 100%;display: inline-block;vertical-align: top;}
	.adap .ab table{width: 96%;}
}

/*媒体查询*/
@media(max-width: 424px){
	.mainbox{padding-bottom: 90px;}
	.footernavs .fnav h2{line-height: 60px;}
	.mob_contbox_box .honor .hlist ul li .imgs{height: 136px;}
	.media .b .btms ul li .imgs{height: 128px;}
	.mob_contbox_box .prod-list .b-auth .b ul li .imgs{height: 160px;}
	
	
}

@media (max-width: 414px){
	.mainbox{padding-bottom: 90px;}
	.media .b .btms ul li .imgs{height: 125px;}
	.mob_contbox_box .prod-list .b-auth .b ul li .imgs{height: 157px;}
}

@media (max-width:375px){
	.mainbox{padding-bottom: 90px;}	
	.mob_contbox_box .honor .hlist ul li .imgs{height: 120px;}
	.media .b .btms ul li .imgs{height: 113px;}
	.mob_contbox_box .prod-list .b-auth .b ul li .imgs{height: 141px;}

}

@media (max-width: 360px){
	.mainbox{padding-bottom: 90px;}.
	.mob_contbox_box .honor .hlist ul li .imgs{height: 115px;}
	.media .b .btms ul li .imgs{height: 109px;}
	.mob_contbox_box .prod-list .b-auth .b ul li .imgs{height: 136px;}
	
}
@media (max-width:320px){
	.mainbox{padding-bottom: 90px;}
	.mob_contbox_box .honor .hlist ul li .imgs{height: 103px;}
	.footerfixed ul li a.links p{font-size: 12px;}
	.breadnavs ul li a{font-size: 13px;}
	.mob_contbox_box .recruit .c .c-jobs table td{font-size: 12px;line-height: 24px;padding: 5px 0;}
	.footernavs .fnav h2{font-size: 14px;line-height: 50px;}
	.footernavs .fnav ul li a{font-size: 12px;line-height: 30px;}
	.mob_contbox_box .execu .b ul li .text h2{font-size: 14px;}
	.mob_contbox_box .execu .b ul li .text p{font-size: 12px;line-height: 20px;margin-bottom: 8px;}
	.mob_contbox_box .execu .b ul li .text .more{font-size: 12px;line-height: 30px;width: 100px;}
	.mob_contbox_box .about .txts p{line-height: 26px;}
	.mob_contbox_box .prod-list .b-case .b ul li .text p{height: 80px;}
	.mi02 .b .ul .li a.text h2{font-size: 15px;}
	.mi02 .b .ul .li a.text p{font-size: 12px;line-height: 24px;}
	.mi02 .b .ul .li a.text .more b{font-size: 12px;}
	.mi04 .b .btm ul li a.tits{width: 77%;}
	.mob_contbox_box .ecos-list .b .top-navs ul{width: 285%}
	.snav .doc-param dd a{padding: 0 5px;}
	.media .b .btms ul li .imgs{height: 125px;}
	.media .b .btms ul li .imgs{height: 97px;}
	.mob_contbox_box .prod-list .b-auth .b ul li .imgs{height: 120px;}
}