@charset "utf-8";
/* CSS Document */


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike,tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video, input  {margin: 0;padding: 0;border: none;outline: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6 {-webkit-text-size-adjust: none;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body { font-size:100%; font-family:simhei,"microsoft yahei";}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}

body { background:#fff; font-size:12px;}

a { color:#444; text-decoration:none; -webkit-tap-highlight-color:rgba(255,0,0,0);}

.ln { text-align:left; }
.cn { text-align:center; }
.rn { text-align:right; }

.left { float:left; }
.right { float:right; }

.p5 { padding:5px; }
.p10 { padding:10px; }
.pt5 { padding-top:5px; }
.pt10 { padding-top:10px; }
.pt20 { padding-top:20px; }
.pt30 { padding-top:30px; }
.pt40 { padding-top:40px; }
.pt50 { padding-top:50px; }
.pt68 { padding-top:68px; }
.pt100 { padding-top:100px; }

.pb5 { padding-bottom:5px; }
.pb10 { padding-bottom:10px; }
.pb20 { padding-bottom:20px; }
.pb30 { padding-bottom:30px; }

.pbl30 { padding-left:30px; }

.mr10 { margin-right:10px; }
.ml10 { margin-left:10px; }
input[type=button], input[type=submit], input[type=reset],button,input[type=text] { -webkit-appearance: none; -webkit-tap-highlight-color: transparent; }
.cclear:after,.cclear .after {content: ""; display: block; clear: both;}
.clear1 { clear:both; height:0; font-size:0;line-height:0; overflow:hidden;}
.clear{ clear:both;}

button { padding:0px; outline:none; border:none; font-family:"Microsoft Yahei"; font-weight:500;}
textarea { padding:0px; outline:none; border:none; font-family:"Microsoft Yahei"; font-weight:500;}
button:focus, textarea:focus { outline:none;}

.img_rendering {
image-rendering: -moz-crisp-edges;
image-rendering: -o-crisp-edges;
image-rendering: -webkit-optimize-contrast;
image-rendering: crisp-edges;
-ms-interpolation-mode: nearest-neighbor;
}
/*引用字体*/
@font-face {
	font-weight: Regular;
	font-style: normal;
	font-family: 'mywebfont';
	src:url('../font/DingTalk JinBuTi.ttf');
}


/*当页面宽度大于320px小于480px的时候执行下面的CSS*/
@media screen and (min-width:320px) and (max-width:480px) {

/*begin*/
.navBatten { display:none;}
.product { display:none;}
.upProDemo { display:none;}
.newsCt { display:none;}
.about { display:none;}
.footer { display:none;}
.soPro { display:none;}
.funCt { display:none;}
.Strength { display:none;}

/*导航*/
.mobNav { position:relative; z-index:50; display:block; margin:0 auto; background:#fff; box-shadow: 0px 3px 10px 1px rgba(0,0,0,0.1);}
.mobNavFix { position:fixed; left:0; top:0; right:0;}
.mobNav .wp { height:66px; margin:0 auto;}
.mobNav .logo { display:block; display:flex; display:-webkit-flex; width:auto; height:32px; line-height:32px; overflow:hidden; margin:17px 0 0 20px; font-family:'mywebfont'; font-size:20px; color:#373E4B;}
.mobNav .logo img { height:32px; margin:0 8px 0 0; vertical-align:middle;
image-rendering: -moz-crisp-edges;
image-rendering: -o-crisp-edges;
image-rendering: -webkit-optimize-contrast;
image-rendering: crisp-edges;
-ms-interpolation-mode: nearest-neighbor;}

.touch { position:relative; z-index:51; right:0; top:0; width:100%;}
.touch .icon_nav { display:block; position:absolute; z-index:200; right:22px; top:25px; width:24px; height:21px;}
.touch .icon_nav .bar { display:inline-block; position:relative; width:24px; height:2px; -webkit-transition-property:background-color, -webkit-transform; transition-property:background-color, -webkit-transform; transition-property:background-color, transform; transition-property:background-color, transform, -webkit-transform; -webkit-transition-duration:300ms; transition-duration:300ms; border-radius:1px; background:#3D434D;}
.touch .icon_nav .bar:before, .touch .icon_nav .bar:after { content:''; display:block; position:absolute; width:24px; height:2px; -webkit-transition-property:margin, -webkit-transform; transition-property:margin, -webkit-transform; transition-property:margin, transform; transition-property:margin, transform, -webkit-transform; -webkit-transition-duration:300ms; transition-duration:300ms; border-radius:1px; background:#3D434D;}
.touch .icon_nav .bar:before { margin-top:-8px;}
.touch .icon_nav .bar:after { margin-top:8px;}

.touch .nav { position:absolute; z-index:52; left:0; top:65px; width:100%; -webkit-transform:translateX(-100%); transform:translateX(-100%);}
.touch .nav .navList { margin:0 auto; padding:0 15px;}
.touch .nav .navList .item { height:auto; overflow:hidden; margin:0 auto; border-bottom:1px solid #F5F5F5;}
.touch .nav .navList .item:last-child { border-bottom:none;}
.touch .nav .navList .item .navLink { display:block; height:49px; line-height:49px; text-align:center; overflow:hidden; margin:0 auto; font-family:'Source Han Sans CN'; font-size:14px; color:#333;}
.touch .nav .navList .item .on { color:#2468F2;}

.nav_active .nav { display:block; box-shadow:inset 0px 15px 6px -15px rgba(0,0,0,0.16); background:#fff;}
.nav_active .nav { -webkit-transition:all 300ms ease-in-out; transition:all 300ms ease-in-out; -webkit-transform:translateX(0); transform:translateX(0);}
.nav_active .navLink { opacity:1;}
.nav_active .icon_nav .bar { background:rgba(0, 0, 0, 0);}
.nav_active .icon_nav .bar:before { margin-top:0; -webkit-transform:rotate(45deg); transform:rotate(45deg);}
.nav_active .icon_nav .bar:after { margin-top:0; -webkit-transform:rotate(-45deg); transform:rotate(-45deg);}

.banner .mask { bottom:10%;}
.txt-container .swiper-slide { height:calc(100 / 414 * 100vw); line-height:calc(30 / 414 * 100vw); font-weight:bold; font-size:calc(22 / 414 * 100vw); letter-spacing:0px;}


/*核心能力*/
.coreCap { width:100%;}
.title h1 { height:calc(22 / 414 * 100vw); line-height:calc(22 / 414 * 100vw); margin:0 auto calc(15 / 414 * 100vw); font-size:calc(22 / 414 * 100vw);}
.title p { line-height:calc(15 / 414 * 100vw); margin:0 auto; font-size:calc(15 / 414 * 100vw);}
.coreCap .title { margin:calc(30 / 414 * 100vw) auto 0;}

.coreCap .list { padding:calc(20 / 414 * 100vw) 0 calc(20 / 414 * 100vw) calc(15 / 414 * 100vw);}
.coreCap .list .item { float:none; width:100%; margin:0 0 calc(15 / 414 * 100vw) 0; box-shadow:0px 3px 5px 1px rgba(0,0,0,0.06);}
.coreCap .list .item:nth-child(2n) { margin:0 0 calc(15 / 414 * 100vw) 0;}

.coreCap .list .ico1 { background:#fff url(../images-m/icon_mcoreCap_01.png) no-repeat right bottom; background-size:calc(221 / 414 * 100vw);}
.coreCap .list .ico2 { background:#fff url(../images-m/icon_mcoreCap_02.png) no-repeat right bottom; background-size:calc(221 / 414 * 100vw);}

.coreCap .list .item .info { padding:calc(20 / 414 * 100vw) 0 0 calc(20 / 414 * 100vw);}
.coreCap .list .item .info h2 { height:calc(26 / 414 * 100vw); line-height:calc(26 / 414 * 100vw); margin:0 auto calc(9 / 414 * 100vw); font-size:calc(22 / 414 * 100vw);}
.coreCap .list .item .info h3 { line-height:calc(26 / 414 * 100vw); margin:0 auto calc(14 / 414 * 100vw); font-size:calc(17 / 414 * 100vw);}
.coreCap .list .item .info p { line-height:calc(22 / 414 * 100vw); margin:0 auto calc(18 / 414 * 100vw); font-size:calc(15 / 414 * 100vw);}

/*产品中心*/
.mproduct { display:block; height:auto; overflow:hidden; margin:0 auto; padding:calc(30 / 414 * 100vw) calc(15 / 414 * 100vw); background:#DDE4EB;}
.mproduct h2 { height:calc(22 / 414 * 100vw); line-height:calc(22 / 414 * 100vw); text-align:center; overflow:hidden; margin:0 auto calc(10 / 414 * 100vw); font-family:'Source Han Sans CN'; font-weight:bold; font-size:calc(22 / 414 * 100vw); color:#373E4B;}
.mproduct h3 { height:calc(22 / 414 * 100vw); line-height:calc(22 / 414 * 100vw); text-align:center; overflow:hidden; margin:0 auto calc(20 / 414 * 100vw); font-family:'Source Han Sans CN'; font-size:calc(22 / 414 * 100vw); color:#373E4B;}

.mproduct .ps { height:auto; line-height:calc(22 / 414 * 100vw); overflow:hidden; margin:0 auto calc(25 / 414 * 100vw); text-align:justify; text-justify:inter-ideograph; font-family:'Source Han Sans CN'; font-weight:400; font-size:calc(15 / 414 * 100vw); color:#373E4B;}
.mproduct .img { height:auto; overflow:hidden; margin:0 auto calc(25 / 414 * 100vw); text-align:center;}
.mproduct .img img { max-width:calc(384 / 414 * 100vw);}

.mproduct .trial { display:block; width:calc(148 / 414 * 100vw); height:calc(46 / 414 * 100vw); line-height:calc(46 / 414 * 100vw); text-align:center; overflow:hidden; margin:0 auto; font-family:'Source Han Sans CN'; font-weight:500; font-size:calc(16 / 414 * 100vw); color:#fff; background:#2468F2; border-radius:5px;}

/*预约产品演示*/
/*.mproDemo { display:block; height:auto; margin:0 auto;
background: radial-gradient( 0% 0% at 50% 50%, #3895DF 0%, #327BD8 100%);}
.mproDemo .wp { height:auto; margin:0 auto; padding:calc(30 / 414 * 100vw) calc(15 / 414 * 100vw);}
.mproDemo .wp h2 { height:calc(22 / 414 * 100vw); line-height:calc(22 / 414 * 100vw); text-align:center; overflow:hidden; margin:0 auto calc(25 / 414 * 100vw); font-family:'Source Han Sans CN'; font-weight:bold; font-size:calc(22 / 414 * 100vw); color:#fff;}

.mproDemo .wp form { height:auto; overflow:hidden; margin:0 auto;}
.mproDemo .wp form .list { height:auto; overflow:hidden; margin:0 auto calc(20 / 414 * 100vw);}
.mproDemo .wp form .list .item { float:left; height:calc(55 / 414 * 100vw); overflow:hidden; margin:0 calc(10 / 414 * 100vw) 0 0; border-radius:5px; background: rgba( 0, 0, 0, 0.16);}
.mproDemo .wp form .list .item:first-child { width:calc(165 / 414 * 100vw);}
.mproDemo .wp form .list .item:nth-child(2) { width:calc(209 / 414 * 100vw); margin:0;}
.mproDemo .wp form .list .item input { width:90%; padding:0 0 0 10%; height:calc(55 / 414 * 100vw); line-height:calc(55 / 414 * 100vw); overflow:hidden; margin:0 auto; font-family:'Source Han Sans CN'; font-weight:400; font-size:calc(15 / 414 * 100vw); color:#fff; background:none;}
.mproDemo .wp form .list .item input::-webkit-input-placeholder { color:#fff;}
.mproDemo .wp form .list .item input:-moz-placeholder { color:#fff;}
.mproDemo .wp form .list .item input::-moz-placeholder { color:#fff;}
.mproDemo .wp form .list .item input:-ms-input-placeholder { color:#fff;}

.mproDemo .wp .ways { margin:0 auto;}
.mproDemo .wp .ways .item { float:left; height:auto; overflow:hidden; margin:0 calc(29 / 414 * 100vw) calc(40 / 414 * 100vw) 0;}
.mproDemo .wp .ways .item:nth-child(2) { margin:0 0 calc(40 / 414 * 100vw) 0;}
.mproDemo .wp .ways .item a { display:block; height:calc(30 / 414 * 100vw); line-height:calc(30 / 414 * 100vw); overflow:hidden; padding:0 0 0 calc(33 / 414 * 100vw); font-family:'Source Han Sans CN'; font-weight:500; font-size:calc(18 / 414 * 100vw); color:#fff;}
.mproDemo .wp .ways a.ico1 { background:url(../images-m/icon_mproDemo_01.png) no-repeat left center; background-size:calc(26 / 414 * 100vw);
image-rendering: -moz-crisp-edges;
image-rendering: -o-crisp-edges;
image-rendering: -webkit-optimize-contrast;
image-rendering: crisp-edges;
-ms-interpolation-mode: nearest-neighbor;}
.mproDemo .wp .ways a.ico2 { background:url(../images-m/icon_mproDemo_02.png) no-repeat left center; background-size:calc(26 / 414 * 100vw);
image-rendering: -moz-crisp-edges;
image-rendering: -o-crisp-edges;
image-rendering: -webkit-optimize-contrast;
image-rendering: crisp-edges;
-ms-interpolation-mode: nearest-neighbor;}

.mproDemo .wp .ways .item .ewmcode { margin:calc(10 / 414 * 100vw) 0 0 calc(10 / 414 * 100vw); display:none; width:calc(120 / 414 * 100vw); height:calc(120 / 414 * 100vw); overflow:hidden;}
.mproDemo .wp .ways .item .ewmcode .img { height:calc(120 / 414 * 100vw); line-height:calc(118 / 414 * 100vw); text-align:center; overflow:hidden; margin:0 auto;}
.mproDemo .wp .ways .item .ewmcode .img img { max-width:100%; max-height:100%; vertical-align:middle;}


.mproDemo .wp form .subBtn { display:block; width:calc(132 / 414 * 100vw); height:calc(46 / 414 * 100vw); line-height:calc(46 / 414 * 100vw); text-align:center; overflow:hidden; cursor:pointer; margin:0 auto calc(5 / 414 * 100vw); font-family:'Source Han Sans CN'; font-weight:500; font-size:calc(16 / 414 * 100vw); color:#fff; border-radius:5px; background:#E6A729;}*/

.upMproDemo { display:block; height:auto; margin:0 auto;
background: radial-gradient( 0% 0% at 50% 50%, #3895DF 0%, #327BD8 100%);}
.upMproDemo .wp { height:auto; margin:0 auto; padding:calc(30 / 414 * 100vw) calc(15 / 414 * 100vw) calc(35 / 414 * 100vw);}
.upMproDemo .wp h2 { height:calc(22 / 414 * 100vw); line-height:calc(22 / 414 * 100vw); text-align:center; overflow:hidden; margin:0 auto calc(17 / 414 * 100vw); font-family:'Source Han Sans CN'; font-weight:bold; font-size:calc(22 / 414 * 100vw); color:#fff;}
.upMproDemo .wp p { height:auto; line-height:calc(22 / 414 * 100vw); text-align:center; overflow:hidden; margin:0 auto calc(25 / 414 * 100vw); font-family:"Microsoft Yahei"; font-weight:500; font-size:calc(15 / 414 * 100vw); color:#fff;}

.upMproDemo .wp .list { display:flex; display:-webkit-flex; justify-content:center; flex-direction:row; flex-wrap:wrap; height:auto; overflow:hidden; margin:0 auto; height:auto; overflow:hidden; margin:0 auto calc(15 / 414 * 100vw);}
.upMproDemo .wp .list .item { height:calc(55 / 414 * 100vw); overflow:hidden; margin:0 calc(20 / 414 * 100vw) calc(15 / 414 * 100vw) 0; border-radius:calc(5 / 414 * 100vw); background:rgba( 0, 0, 0, 0.16);}
.upMproDemo .wp .list .item:nth-child(2n) { margin:0 0 calc(15 / 414 * 100vw) 0;}

.upMproDemo .wp .list .item input { width:80%; padding:0 10%; height:calc(55 / 414 * 100vw); line-height:calc(55 / 414 * 100vw); overflow:hidden; margin:0 auto; font-family:'Source Han Sans CN'; font-weight:400; font-size:calc(15 / 414 * 100vw); color:#fff; background:none;}
.upMproDemo .wp .list .item input::-webkit-input-placeholder { color:#fff;}
.upMproDemo .wp .list .item input:-moz-placeholder { color:#fff;}
.upMproDemo .wp .list .item input::-moz-placeholder { color:#fff;}
.upMproDemo .wp .list .item input:-ms-input-placeholder { color:#fff;}

.upMproDemo .wp .subBtn { display:block; width:calc(132 / 414 * 100vw); height:calc(46 / 414 * 100vw); line-height:calc(46 / 414 * 100vw); text-align:center; overflow:hidden; cursor:pointer; margin:0 auto; font-family:'Source Han Sans CN-Medium'; font-size:calc(16 / 414 * 100vw); color:#fff; border-radius:5px; background:#E6A729;}


/*新闻资讯*/
.mnewsCt { display:block; height:auto; overflow:hidden; margin:0 auto; padding:0 calc(15 / 414 * 100vw);}
.mnewsCt .title { margin:calc(30 / 414 * 100vw) auto calc(10 / 414 * 100vw);}
.mnews-container { position:relative; width:100%; height:auto; overflow:hidden; margin:0 auto calc(30 / 414 * 100vw);}
.mnews-container .swiper-wrapper { }
.mnews-container .swiper-slide { height:auto; overflow:hidden; margin:0 auto; background:#E8ECF1;}

.mnews-container .swiper-slide .info { padding:calc(15 / 414 * 100vw) calc(15 / 414 * 100vw) 0 calc(15 / 414 * 100vw); height:auto; overflow:hidden;}
.mnews-container .swiper-slide .info .date { height:auto; overflow:hidden; margin:0 auto calc(15 / 414 * 100vw); text-align:left;}
.mnews-container .swiper-slide .info .date h2 { height:calc(48 / 414 * 100vw); line-height:calc(48 / 414 * 100vw); overflow:hidden; margin:0 auto; font-family:'mywebfont'; font-weight:400; font-size:calc(40 / 414 * 100vw); color:rgba( 0, 0, 0, 0.32);}
.mnews-container .swiper-slide .info .date p { height:calc(15 / 414 * 100vw); line-height:calc(15 / 414 * 100vw); overflow:hidden; margin:0 auto; font-family:'mywebfont'; font-weight:400; font-size:calc(13 / 414 * 100vw); color:rgba( 0, 0, 0, 0.32);}


.mnews-container .swiper-slide .info .cont { height:auto; overflow:hidden; margin:0 auto;}
.mnews-container .swiper-slide .info .cont h3 { height:auto; line-height:calc(28 / 414 * 100vw); overflow:hidden; margin:0 auto calc(5 / 414 * 100vw); font-family:'Source Han Sans CN'; font-weight:bold; font-size:calc(18 / 414 * 100vw); color:#000;}
.mnews-container .swiper-slide .info .cont p { height:calc(44 / 414 * 100vw); line-height:calc(22 / 414 * 100vw); overflow:hidden; word-break:break-all; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; margin:0 auto 23px; font-family:'Source Han Sans CN'; font-weight:400; font-size:calc(15 / 414 * 100vw); color:rgba( 0, 0, 0, 0.35);}

.mnews-container .swiper-slide .img { height:auto; overflow:hidden; margin:0 auto; text-align:center;}
.mnews-container .swiper-slide .img img { height:calc(213 / 414 * 100vw); vertical-align:bottom;}

.swiper-button-next, .swiper-button-prev { top:calc(55 / 414 * 100vw); width:calc(32 / 414 * 100vw); height:calc(32 / 414 * 100vw);}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next { left:auto; right:calc(69 / 414 * 100vw); background:url(../images-m/icon_Carousel_prev.png) no-repeat center center; background-size:calc(32 / 414 * 100vw);
image-rendering: -moz-crisp-edges;
image-rendering: -o-crisp-edges;
image-rendering: -webkit-optimize-contrast;
image-rendering: crisp-edges;
-ms-interpolation-mode: nearest-neighbor;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev { right:calc(27 / 414 * 100vw); background:url(../images-m/icon_Carousel_next.png) no-repeat center center; background-size:calc(32 / 414 * 100vw);
image-rendering: -moz-crisp-edges;
image-rendering: -o-crisp-edges;
image-rendering: -webkit-optimize-contrast;
image-rendering: crisp-edges;
-ms-interpolation-mode: nearest-neighbor;}

.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after { content:"";}
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after { content:"";}

.mnews-container .swiper-slide a:hover .info .cont h3 { color:#2468F2;}

/*关于我们*/
.mabout { display:block; height:auto; overflow:hidden; margin:0 auto; padding:0 calc(15 / 414 * 100vw); background:url(../images-m/icon_mabout_bg2.png) no-repeat top center; background-size:100%;
image-rendering: -moz-crisp-edges;
image-rendering: -o-crisp-edges;
image-rendering: -webkit-optimize-contrast;
image-rendering: crisp-edges;
-ms-interpolation-mode: nearest-neighbor;}
.mabout .title { margin:calc(30 / 414 * 100vw) auto 0;}
.mabout .brief { height:auto; overflow:hidden; text-align:justify; text-justify:inter-ideograph;  text-align:center; line-height:calc(22 / 414 * 100vw); font-family:'Source Han Sans CN'; font-weight:400; font-size:calc(15 / 414 * 100vw); color:#373E4B;}
/*.mabout .img { height:auto; overflow:hidden; text-align:center; margin:0 auto 65px;}
.mabout .img img { width:310px;}*/

/*底部*/
.mfoot { display:block; height:auto; overflow:hidden; margin:0 auto; padding:0 calc(25 / 414 * 100vw); background:#222A33;}
.mfoot .fl { height:auto; overflow:hidden; margin:calc(30 / 414 * 100vw) auto calc(40 / 414 * 100vw);}
.mfoot .fl .logo { float:none; display:flex; display:-webkit-flex; justify-content:center; height:calc(32 / 414 * 100vw); line-height:calc(32 / 414 * 100vw); overflow:hidden; margin:0 auto calc(10 / 414 * 100vw); font-size:calc(20 / 414 * 100vw); color:#fff;}
.mfoot .fl .logo img { height:calc(32 / 414 * 100vw); margin:0 calc(8 / 414 * 100vw) 0 0;
image-rendering: -moz-crisp-edges;
image-rendering: -o-crisp-edges;
image-rendering: -webkit-optimize-contrast;
image-rendering: crisp-edges;
-ms-interpolation-mode: nearest-neighbor;}
.mfoot .fl p { height:calc(23 / 414 * 100vw); line-height:calc(23 / 414 * 100vw); text-align:center; overflow:hidden; margin:0 auto; font-family:'mywebfont'; font-weight:400; font-size:calc(19 / 414 * 100vw); color:#fff;}

.mfoot .fr { height:calc(300 / 414 * 100vw); margin:0 auto; clear:both; padding-left:10%;}
.mfoot .fr .item { float:left; width:48%; height:auto; margin:0 4% calc(30 / 414 * 100vw) 0;}
.mfoot .fr .item:nth-child(2n) { margin:0 0 calc(30 / 414 * 100vw) 0;}

.mfoot .fr .item .tit { position:relative; height:auto; overflow:hidden; margin:0 auto calc(25 / 414 * 100vw);}
.mfoot .fr .item .tit h3 { height:calc(19 / 414 * 100vw); line-height:calc(19 / 414 * 100vw); overflow:hidden; margin:0 auto calc(22 / 414 * 100vw); font-family:'Source Han Sans CN'; font-weight:400; font-size:calc(19 / 414 * 100vw); color:#fff;}
.mfoot .fr .item .tit:after { position:absolute; content: " "; left:0; bottom:0; width:calc(29 / 414 * 100vw); height:calc(2 / 414 * 100vw); overflow:hidden; background:#2468F2;}

.mfoot .fr .item .ways { height:auto; margin:0 auto;}
.mfoot .fr .item .ways .stem { margin:0 auto calc(10 / 414 * 100vw);}
.mfoot .fr .item .ways .stem a { display:block; height:calc(26 / 414 * 100vw); line-height:calc(26 / 414 * 100vw); overflow:hidden; padding:0 0 0 calc(34 / 414 * 100vw); font-family:'Source Han Sans CN'; font-weight:400; font-size:calc(14 / 414 * 100vw); color:rgba( 255, 255, 255, 0.66);}
.mfoot .fr .item .ways .stem a.ico1 { background:url(../images-m/icon_mproDemo_01.png) no-repeat left center; background-size:calc(26 / 414 * 100vw);}
.mfoot .fr .item .ways .stem a.ico2 { background:url(../images-m/icon_mproDemo_02.png) no-repeat left center; background-size:calc(26 / 414 * 100vw);}

/*二维码*/
.mfoot .fr .item .ways .stem .ewmcode { display:none; width:calc(120 / 414 * 100vw); height:calc(120 / 414 * 100vw); overflow:hidden; margin-top:calc(10 / 414 * 100vw);}
.mfoot .fr .item .ways .stem .ewmcode .img { height:calc(120 / 414 * 100vw); line-height:calc(118 / 414 * 100vw); text-align:center; overflow:hidden; margin:0 auto;}
.mfoot .fr .item .ways .stem .ewmcode .img img { max-width:100%; max-height:100%; vertical-align:middle;}

.mfoot .fr .item .cusBtn { display:block; width:calc(94 / 414 * 100vw); height:calc(34 / 414 * 100vw); line-height:calc(34 / 414 * 100vw); text-align:center; overflow:hidden; font-family:'Source Han Sans CN'; font-weight:400; font-size:calc(14 / 414 * 100vw); color:rgba( 255, 255, 255, 0.77); border-radius:23px; background:#2468F2; border:1px solid rgba( 255, 255, 255, 0.30)}
.mfoot .fr .item p { height:auto; line-height:calc(30 / 414 * 100vw); overflow:hidden; font-family:'Source Han Sans CN'; font-weight:400; font-size:calc(14 / 414 * 100vw); color:rgba( 255, 255, 255, 0.66);}
.mfoot .fr .item p a { display:block; font-family:'Source Han Sans CN'; font-weight:400; font-size:calc(14 / 414 * 100vw); color:rgba( 255, 255, 255, 0.66);}
.mfoot .fr .item p a:hover { color:#2468F2;}

.mfoot .cp { clear:both; height:auto; line-height:calc(22 / 414 * 100vw); overflow:hidden; margin:0 auto calc(30 / 414 * 100vw); text-align:center; font-family:'Source Han Sans CN'; font-weight:400; font-size:calc(16 / 414 * 100vw); color:rgba( 255, 255, 255, 0.23);}
.mfoot .cp a { font-size:calc(16 / 414 * 100vw); color:rgba( 255, 255, 255, 0.23);}

/*返回顶部*/
.goTop { width:calc(80 / 414 * 100vw); height:auto; overflow:hidden; margin:0 auto calc(30 / 414 * 100vw);}
.goTop a { display:block; padding-right:calc(20 / 414 * 100vw); height:calc(30 / 414 * 100vw); line-height:calc(30 / 414 * 100vw); text-align:center; overflow:hidden; background:url(../images-m/icon_goTop.png) no-repeat right center; background-size:calc(15 / 414 * 100vw); font-family:'Source Han Sans CN'; font-weight:400; font-size:calc(15 / 414 * 100vw); color:#fff;}

/*新闻详情*/
.inban { display:none;}
.minban { display:block; position:relative; z-index:1; height:auto; overflow:hidden; margin:0 auto;}
.minban .img { height:auto; overflow:hidden; margin:0 auto; text-align:center;}
.minban .img img { width:100%;}
.minban .ts { position:absolute; z-index:2; left:0; top:50%; right:0; height:auto; overflow:hidden; transform:translateY(-50%);}
.minban .ts h1 { position:relative; z-index:3; width:calc(81 / 414 * 100vw); height:calc(32 / 414 * 100vw); line-height:calc(20 / 414 * 100vw); text-align:center; overflow:hidden; margin:0 auto calc(20 / 414 * 100vw); font-family:'Source Han Sans CN'; font-weight:500; font-size:calc(20 / 414 * 100vw); color:#fff;}
.minban .ts h1:after { position:absolute; z-index:4; content: " "; left:calc(15 / 414 * 100vw); top:calc(30 / 414 * 100vw); width:calc(51 / 414 * 100vw); height:calc(2 / 414 * 100vw); overflow:hidden; background:#fff; border-radius:calc(4 / 414 * 100vw);}
.minban .ts p { height:calc(15 / 414 * 100vw); line-height:calc(15 / 414 * 100vw); text-align:center; overflow:hidden; margin:0 auto; font-family:'Source Han Sans CN'; font-weight:400; font-size:calc(15 / 414 * 100vw); color:#fff;}

.details { width:100%; margin:0 auto;}
.details .occupying { display:none;}
.details .newsCon { float:none; width:100%; margin:0 auto;}
.details .newsCon h1 { margin:calc(10 / 414 * 100vw) calc(15 / 414 * 100vw) calc(5 / 414 * 100vw); font-size:calc(18 / 414 * 100vw);}
.details .newsCon .infs { margin:0 auto; padding:0 calc(15 / 414 * 100vw);}
.details .newsCon .infs .item { height:calc(17 / 414 * 100vw); line-height:calc(17 / 414 * 100vw); margin:0 calc(20 / 414 * 100vw) calc(15 / 414 * 100vw) 0; font-size:calc(13 / 414 * 100vw);}
.details .newsCon .pps { margin:calc(10 / 414 * 100vw) calc(15 / 414 * 100vw) calc(30 / 414 * 100vw); font-size:calc(15 / 414 * 100vw);}

.details .recom { float:none; width:auto; margin:0 calc(15 / 414 * 100vw) calc(20 / 414 * 100vw); box-sizing:border-box;}
.details .recom .wp { margin:0 auto;}
.details .recom .tit { height:calc(57 / 414 * 100vw); line-height:calc(40 / 414 * 100vw); padding-left:calc(15 / 414 * 100vw);  font-size:calc(15 / 414 * 100vw);}
.details .recom .tit:after { left:calc(15 / 414 * 100vw); top:calc(40 / 414 * 100vw);}

.details .recom .list { padding:0 calc(15 / 414 * 100vw);}
.details .recom .list .item h3 { margin:calc(12 / 414 * 100vw) auto calc(7 / 414 * 100vw); font-size:calc(18 / 414 * 100vw);}
.details .recom .list .item p { height:calc(14 / 414 * 100vw); line-height:calc(14 / 414 * 100vw); margin:0 auto calc(14 / 414 * 100vw); font-size:calc(14 / 414 * 100vw);}
.details .recom .list .item:hover h3 { color:#2468F2;}





/*5大难题*/
.msoPro { display:block; height:auto; overflow:hidden; margin:0 auto; font-family:'Source Han Sans CN';}
.msoPro .title { margin:calc(30 / 414 * 100vw) auto 0;}
.msoPro .list { height:auto; overflow:hidden; margin:0 auto; padding:calc(18 / 414 * 100vw) calc(15 / 414 * 100vw) calc(20 / 414 * 100vw);}
.msoPro .list .item { height:auto; overflow:hidden; margin:0 auto calc(17 / 414 * 100vw); box-shadow: 0px 0px calc(17 / 414 * 100vw) calc(1 / 414 * 100vw) rgba(0,0,0,0.04);}
.msoPro .list .item .top { height:calc(116 / 414 * 100vw); line-height:calc(110 / 414 * 100vw); overflow:hidden; margin:0 calc(30 / 414 * 100vw); font-weight:bold; font-size:calc(20 / 414 * 100vw); color:#474747;}
.msoPro .list .item .ico1 { background:url(../images/icon_sopro_01.png) no-repeat right center; background-size:calc(45 / 414 * 100vw);
image-rendering: -moz-crisp-edges;
image-rendering: -o-crisp-edges;
image-rendering: -webkit-optimize-contrast;
image-rendering: crisp-edges;
-ms-interpolation-mode: nearest-neighbor;}
.msoPro .list .item .ico2 { background:url(../images/icon_sopro_02.png) no-repeat right center; background-size:calc(45 / 414 * 100vw);
image-rendering: -moz-crisp-edges;
image-rendering: -o-crisp-edges;
image-rendering: -webkit-optimize-contrast;
image-rendering: crisp-edges;
-ms-interpolation-mode: nearest-neighbor;}
.msoPro .list .item .ico3 { background:url(../images/icon_sopro_03.png) no-repeat right center; background-size:calc(45 / 414 * 100vw);
image-rendering: -moz-crisp-edges;
image-rendering: -o-crisp-edges;
image-rendering: -webkit-optimize-contrast;
image-rendering: crisp-edges;
-ms-interpolation-mode: nearest-neighbor;}
.msoPro .list .item .ico4 { background:url(../images/icon_sopro_04.png) no-repeat right center; background-size:calc(45 / 414 * 100vw);
image-rendering: -moz-crisp-edges;
image-rendering: -o-crisp-edges;
image-rendering: -webkit-optimize-contrast;
image-rendering: crisp-edges;
-ms-interpolation-mode: nearest-neighbor;}
.msoPro .list .item .ico5 { background:url(../images/icon_sopro_05.png) no-repeat right center; background-size:calc(45 / 414 * 100vw);
image-rendering: -moz-crisp-edges;
image-rendering: -o-crisp-edges;
image-rendering: -webkit-optimize-contrast;
image-rendering: crisp-edges;
-ms-interpolation-mode: nearest-neighbor;}

.msoPro .list .item .ps1 { height:auto; line-height:calc(24 / 414 * 100vw); overflow:hidden; margin:0 calc(28 / 414 * 100vw) calc(28 / 414 * 100vw) calc(30 / 414 * 100vw); text-align:justify; text-justify:inter-ideograph; font-size:calc(15 / 414 * 100vw); color:#666;}
.msoPro .list .item .ps2 { height:auto; line-height:calc(24 / 414 * 100vw); overflow:hidden; margin:0 calc(28 / 414 * 100vw) calc(30 / 414 * 100vw) calc(30 / 414 * 100vw); text-align:justify; text-justify:inter-ideograph; font-size:calc(15 / 414 * 100vw); color:#474747;}
.msoPro .list .item .ps2 span { font-weight:bold;}

/*产品功能*/
.mfunCt { display:block; height:auto; overflow:hidden; margin:0 auto; font-family:"Microsoft Yahei"; font-weight:500;}
.mfunCt .funIntro { height:auto; overflow:hidden; margin:0 auto;}
.mfunCt .funIntro .list { height:auto; overflow:hidden; margin:calc(15 / 414 * 100vw) calc(15 / 414 * 100vw) calc(30 / 414 * 100vw); padding:calc(20 / 414 * 100vw) calc(10 / 414 * 100vw) 0; box-shadow: 0px 0px calc(10 / 414 * 100vw) calc(1 / 414 * 100vw) rgba(56, 155, 217, 0.15); border-radius:calc(10 / 414 * 100vw); background:#fff;}

.mfunCt .funIntro .list .item { float:left; width:32%; height:auto; overflow:hidden; margin:0 2% calc(15 / 414 * 100vw) 0;}
.mfunCt .funIntro .list .item:nth-child(3n) { margin:0 0 calc(15 / 414 * 100vw) 0;}
.mfunCt .funIntro .list .item .ico { width:calc(50 / 414 * 100vw); height:calc(50 / 414 * 100vw); line-height:calc(48 / 414 * 100vw); text-align:center; overflow:hidden; margin:0 auto calc(10 / 414 * 100vw); border:calc(4 / 414 * 100vw) solid rgba(57, 156, 218, 0.1); border-radius:50%; opacity:1;}
.mfunCt .funIntro .list .item .ico img { vertical-align:middle;}

.mfunCt .funIntro .list .item h3 { height:calc(20 / 414 * 100vw); line-height:calc(20 / 414 * 100vw); text-align:center; overflow:hidden; margin:0 auto calc(10 / 414 * 100vw); font-weight:bold; font-size:calc(15 / 414 * 100vw); color:#333;}
.mfunCt .funIntro .list .item p { height:calc(36 / 414 * 100vw); line-height:calc(18 / 414 * 100vw); text-align:center; overflow:hidden; word-break:break-all; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; margin:0 auto; font-size:calc(12 / 414 * 100vw); color:#808080;}

/*产品优势*/
.madvbox { display:block; height:auto; overflow:hidden; margin:0 auto; padding:0 calc(15 / 414 * 100vw); background:url(../images-m/bottom-banner.png) no-repeat bottom center; background-size:100%;}
.madvbox .wp { width:100%; height:auto; overflow:hidden; margin:calc(10 / 414 * 100vw) auto 0;}
.madvbox .wp .adv-list { height:auto; overflow:hidden; margin:calc(20 / 414 * 100vw) auto 0;}
.madvbox .wp .adv-list .item { height:auto; overflow:hidden; margin:0 auto calc(20 / 414 * 100vw); text-align:center;}
.madvbox .wp .adv-list .item .ico { height:auto; text-align:center; overflow:hidden; margin:0 auto;}
.madvbox .wp .adv-list .item .ico img { max-width:calc(51 / 414 * 100vw);}
.madvbox .wp .adv-list .item .info { height:auto; overflow:hidden; margin:0 auto;}
.madvbox .wp .adv-list .item .info h3 { height:calc(26 / 414 * 100vw); line-height:calc(26 / 414 * 100vw); overflow:hidden; margin:calc(10 / 414 * 100vw) auto calc(5 / 414 * 100vw); font-weight:bold; font-size:calc(16 / 414 * 100vw); color:#2F2F2F;}
.madvbox .wp .adv-list .item .info p { line-height:calc(20 / 414 * 100vw); height:auto; overflow:hidden; margin:0 auto; font-size:calc(13 / 414 * 100vw); color:#2F2F2F;}
.bottom-bacimg { height:auto; overflow:hidden; margin:0 auto calc(20 / 414 * 100vw); text-align:center;}
.bottom-bacimg img { max-width:80%;}


/*产品应用领域*/
.apparea { display:none;}
.appareaM { display:block; margin:0 auto calc(30 / 414 * 100vw);}
.appareaM .title { margin:0 auto calc(15 / 414 * 100vw);}
.appareaM .swiper-container { width:100%; padding-top:0; padding-bottom:0;}
.appareaM .swiper-slide { background-position:center; background-size:cover; height:305px;}
.appareaM .swiper-slide .infs { position:absolute; left:15px; top:50%; right:15px; padding:30px 15px; transform:translateY(-50%); height:auto; text-align:center; overflow:hidden; margin:0 auto; background:rgba( 36, 104, 242, 0.93); filter:alpha(opacity=93); opacity:0.93;}
.appareaM .swiper-slide .infs .ico { padding-left:40px; display:inline-block; height:26px; line-height:26px; text-align:center; overflow:hidden; margin:0 auto 10px; font-family:'Source Han Sans CN'; font-size:20px; color:#fff;}
.appareaM .swiper-slide .infs .ico1 { background:url(../images/icon_ident_01.png) no-repeat left center; background-size:22px;}
.appareaM .swiper-slide .infs .ico2 { background:url(../images/icon_ident_02.png) no-repeat left center; background-size:24px;}
.appareaM .swiper-slide .infs .ico3 { background:url(../images/icon_ident_03.png) no-repeat left center; background-size:24px;}
.appareaM .swiper-slide .infs .ico4 { background:url(../images/icon_ident_04.png) no-repeat left center; background-size:21px;}
.appareaM .swiper-slide .infs .ico5 { background:url(../images/icon_ident_05.png) no-repeat left center; background-size:27px;}
.appareaM .swiper-slide .infs .ico6 { background:url(../images/icon_ident_06.png) no-repeat left center; background-size:23px;}
.appareaM .swiper-slide .infs p { line-height:25px; height:auto; overflow:hidden; font-family:'Source Han Sans CN'; font-weight:Regular; font-size:15px; color:#fff;}

.appareaM .swiper-pagination { left:0; right:0; bottom:10px; text-align:center;}
.appareaM .swiper-pagination-bullet { opacity:0.5; background:#fff;}
.appareaM .swiper-pagination-bullet-active { opacity:1; background:#2468F2;}


/*试用弹窗*/
.mtrPop { display:none; position:fixed; z-index:99; left:10%; right:10%; top:30%; width:80%; height:auto; overflow:hidden;}
.mtrPop .close { display:block; width:calc(26 / 414 * 100vw); height:calc(26 / 414 * 100vw); overflow:hidden; margin:calc(15 / 414 * 100vw) auto 0; background:url(../images-m/icon_closem.png) no-repeat center center; background-size:calc(26 / 414 * 100vw);}

.mtrPop .wp { height:auto; overflow:hidden; margin:0 auto; padding:calc(10 / 414 * 100vw); border-radius:calc(10 / 414 * 100vw); background:#fff;}
.mtrPop .wp .top { height:calc(97 / 414 * 100vw); line-height:calc(97 / 414 * 100vw); text-align:center; overflow:hidden; margin:0 auto calc(25 / 414 * 100vw); font-family:'Source Han Sans CN-Medium'; font-size:calc(17 / 414 * 100vw); color:#fff; background:url(../images-m/icon_trPop_topm.png) no-repeat center center; background-size:100%;}
.mtrPop .wp .list { height:auto; overflow:hidden; margin:0 auto; padding:0 calc(30 / 414 * 100vw);}
.mtrPop .wp .list .item { float:left; width:calc(110 / 414 * 100vw); height:auto; overflow:hidden; margin:0 auto;}
.mtrPop .wp .list .item:first-child { margin-right:calc(20 / 414 * 100vw);}
.mtrPop .wp .list .item .tit { height:calc(20 / 414 * 100vw); line-height:calc(20 / 414 * 100vw); overflow:hidden; margin:0 auto calc(30 / 414 * 100vw); padding-left:calc(23 / 414 * 100vw); font-family:'Source Han Sans CN-Medium'; font-size:calc(14 / 414 * 100vw); color:#373E4B;}
.mtrPop .wp .list .item .ico1 { background:url(../images-m/icon_trPopm_01.png) no-repeat left center; background-size:calc(18 / 414 * 100vw);}
.mtrPop .wp .list .item .ico2 { background:url(../images-m/icon_trPopm_02.png) no-repeat left center; background-size:calc(18 / 414 * 100vw);}

.mtrPop .wp .list .item .info { height:calc(110 / 414 * 100vw); line-height:calc(110 / 414 * 100vw); text-align:center; overflow:hidden; margin:0 auto calc(10 / 414 * 100vw); font-family:'Source Han Sans CN-Medium'; font-size:calc(16 / 414 * 100vw); color:#373E4B;}
.mtrPop .wp .list .item .info img { max-width:calc(110 / 414 * 100vw); vertical-align:middle;}

}



/*当页面宽度大于320px小于374px的时候执行下面的CSS*/
@media screen and (min-width:320px) and (max-width:374px) {
	.mabout .brief {margin:0 auto 39%;}
}

/*当页面宽度大于375px小于413px的时候执行下面的CSS*/
@media screen and (min-width:375px) and (max-width:413px) {
	.mabout .brief {margin:0 auto 44%;}
}

/*当页面宽度大于414px小于480px的时候执行下面的CSS*/
@media screen and (min-width:414px) and (max-width:480px) {
	.mabout .brief {margin:0 auto 44%;}
}

/*当页面宽度大于481px小于640px的时候执行下面的CSS*/
@media screen and (min-width:481px) and (max-width:640px) {
	.mabout .brief {margin:0 auto 44%;}
}

/*当页面宽度大于1024px小于1600px的时候执行下面的CSS*/
@media screen and (min-width:1024px) and (max-width:1600px) {
    .accordion { width:1500px;}
	.accordion .selected .text-area { left:0; right:0; width:340px; padding:50px 0;}
	.accordion li.last.selected .text-area { width:480px;}
	.accordion .selected .text-area .wp {width:280px;}
	.accordion .selected .text-area .wp .ico { position:static; width:100%; height:62px; margin:0 auto 28px;}
	.accordion .selected .text-area .wp .info { margin:0 auto;}
    .accordion .selected .text-area .wp .info h3 { position:relative; height:29px; line-height:29px; text-align:center; overflow:hidden; margin:0 auto 25px; font-family:'Source Han Sans CN'; font-weight:bold; font-size:26px; color:#fff;}
    .accordion .selected .text-area .wp .info p, .accordion .selected .text-area .opt { display:none;}
    .accordion .selected .mask { display:none;}
}