@charset "utf-8";
/* CSS Document */
.left{ float:left;}
.right{ float:right;}
#wrap{ width:100%; max-width:640px; margin:0 auto; overflow:hidden; position:relative; background:#023b81;}
.wrap{ width:100%; max-width:640px; background:#fff; position:relative; margin:0 auto; z-index:4;}

/*头部样式*/
.header{ overflow:hidden; background:#23b8bc; border-bottom:1px solid #f4f4f4;}
.header h1{ display:block; height:86px; line-height:86px; color:#fff; font-size:32px; font-weight:normal; text-align:center;}
.header a{ display:block; width:86px; height:86px;}
.header a.back{ background:url(../images/common/head_back.png) center no-repeat; float:left;}
.header a.menu{ background:url(../images/common/head_menu.png) center no-repeat; float:right;}

/*banner样式*/
.banner{ width:100%; height:200px; position:relative; border-bottom:1px solid #d7d7d7;}

.banner .bd{ height:200px; position:relative; z-index:0;}
.banner .bd li{ display:block; width:640px; height:200px; position:relative;}
.banner .bd li a{ display:block; width:640px; height:200px; -webkit-tap-highlight-color:rgba(0,0,0,0);}/* 去掉链接触摸高亮 */
.banner .bd li a img{ display:block; width:640px; height:200px;}

.banner .hd{ display:block; width:100%; height:8px; text-align:center; position:absolute; bottom:28px; left:0; z-index:9999;}
.banner .hd li{ display:inline-block; width:40px; height:8px; background:#fff; text-indent:-9999px; overflow:hidden; margin:0 6px;}
.banner .hd li.on{ background:#23b8bc;}

/*导航样式*/
ul.nav{ background:#585858; overflow:hidden;}
ul.nav li{ display:block; width:25%; box-sizing:border-box; border:solid #585858; border-width:0 1px 1px 0; float:left;}
ul.nav li a{ display:block; height:60px; line-height:60px; color:#fff; font-size:21.5px; text-align:center;}
ul.nav li.on a{ background:#23b8bc;}

/*底部样式*/
.footer{ padding-bottom:120px;}
.footer .fTxt{ line-height:1.625; color:#fff; font-size:20px; text-align:center; padding:24px 20px 20px; background:#8a8a8a; border-bottom:2px solid #f4f4f4;}
.footer .fTxt a{ color:#fff; text-decoration:none;}
.footer ul.fMenu{ display:block; width:640px; background:#201d24; overflow:hidden; border-top:3px solid #ededed; position:fixed; left:50%; bottom:0; margin-left:-320px;}
.footer ul.fMenu li{ display:block; width:25%; border-left:1px solid #262523; border-right:1px solid #141213; box-sizing:border-box; float:left;}
.footer ul.fMenu li a{ display:block; height:120px; overflow:hidden;}
.footer ul.fMenu li a img{ display:block; width:50px; height:50px; margin:16px auto 0;}
.footer ul.fMenu li a span{ display:block; height:50px; line-height:50px; color:#fff; font-size:21px; text-align:center;}
.footer ul.fMenu li a:hover{ background:#302d34;}

/*右侧导航*/
.rightNav{ display:block; width:400px; height:100%; background:#585858; position:fixed; top:0; left:50%; margin-left:-80px;}
.rightNav h2{ display;block; height:76px; line-height:76px; color:#fff; font-size:28px; font-weight:normal; padding-left:28px; background:#1c979b;}
.rightNav ul.list{ display:block; height:auto; overflow-y:auto;}
.rightNav ul.list li{ display:block; height:auto; border-bottom:1px solid #bbb;}
.rightNav ul.list li a{ display:block; height:64px; line-height:64px; color:#fff; font-size:24px; padding:0 0 0 28px; border-bottom:0px solid #1b5caa; background:url(../images/common/rightNav_bg.png) right center no-repeat;}

.rightNav ul.list li ul.subList{ display:none;}
.rightNav ul.list li ul.subList li{ border-bottom:none;}
.rightNav ul.list li ul.subList li a{ height:56px; line-height:56px; font-size:22px; background:none; padding-left:52px; border-top:1px solid #012b5f;}

.rightNav ul.list li.on>a{ background-color:#23b8bc;}
.rightNav ul.list li.on ul.subList{ display:block;}
.rightNav ul.list li.on ul.subList li.on>a{ background:url(../images/common/rl_list.png) left center no-repeat;}

/*主体样式*/
.main{ background:#f4f4f4; padding:14px 14px 0; overflow:hidden; box-sizing:border-box; min-height:calc(100vh - 704px);}
.main .mbox{ min-height:calc(100vh - 704px - 34px); background:#fff; border:1px solid #ebebeb; margin:0 0 20px; box-sizing:border-box;}
.main .mbox h2{ display:block; line-height:70px; color:#23b8bc; font-size:24px; font-weight:normal; padding:0 16px 0 24px; border-bottom:1px solid #ebebeb;}
.main .mbox h2 a{ display:block; color:#525252; font-size:20px; float:right;}
.main .mbox .attr{ min-height:300px; line-height:26px; color:#525252; font-size:14px; overflow:hidden; padding:16px 20px;}
.main .mbox .attr img{ width:expression(100%?100%) true; max-width:100%; height:auto;}
.main .mbox .attr h3{ display:block; line-height:1.78; color:#23b8bc; font-size:28px; font-weight:normal; text-align:center; padding:0.22em 0;}
.main .mbox .attr p.mark{ display:block; line-height:2; color:#676769; font-size:20px; text-align:center; padding-bottom:10px; border-bottom:1px dashed #d7d7d7; margin-bottom:12px;}
.main .mbox .attr .article{ min-height:280px; line-height:1.9; color:#5c5c5c; font-size:22px; font-weight:normal; overflow:hidden; padding:0.5em 0;}

/*页码样式*/
.pages{ font-size:24px; text-align:center; padding:30px 3px; margin:3px;}
.pages a{ display:inline-block; width:1.5em; height:1.5em; line-height:1.5em; text-align:center; color:#23b8bc; background-position:50% bottom; border:1px solid #d7d7d7; margin:3px 3px 0 0;}
.pages a.a1{width:3.5em;}
.pages a:active,
.pages a:hover{ color:#fff; border:1px solid #bababa; background:#23b8bc;}
.pages span.current{ color:#23b8bc; font-weight:bold; padding:2px 6px; margin-right:3px;}
.pages span.disabled{ color:#adaaad; font-weight:bold; padding:2px 6px; margin-right:3px;}

/*新闻列表*/
.main .mbox ul.newsList{ display:block; overflow:hidden; padding:0 24px;}
.main .mbox ul.newsList li{ display:block; padding:20px 0; overflow:hidden; border-bottom:1px dashed #c4c4c4;}
.main .mbox ul.newsList li a.pic{ display:block; width:196px; height:112px; border:1px solid #d7d7d7; float:left; margin-right:22px;}
.main .mbox ul.newsList li a.pic img{ display:block; width:196px; height:112px;}
.main .mbox ul.newsList li a.title{ display:block; max-width:420px; line-height:32px; color:#393939; font-size:22px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; float:left;}
.main .mbox ul.newsList li em{ display:block; line-height:32px; color:#999; font-size:20px;}
.main .mbox ul.newsList li span{ display:block; width:342px; height:26px; line-height:26px; color:#525252; font-size:16px; float:left;}
.main .mbox ul.newsList li p{ display:block; width:342px; height:52px; line-height:26px; color:#525252; font-size:16px; overflow:hidden; float:left;}

/*产品列表*/
.main .mbox ul.proList{ display:block; overflow:hidden; padding:12px;}
.main .mbox ul.proList li{ display:block; padding:12px; overflow:hidden; float:left;}
.main .mbox ul.proList li a{ display:block; width:267px; text-align:center; border:1px solid #d7d7d7; overflow:hidden;}
.main .mbox ul.proList li a img{ display:block; width:267px; height:267px; object-fit:cover;}
.main .mbox ul.proList li a em{ display:block; height:32px; line-height:32px; color:#525252; font-size:18px;}
.main .mbox ul.proList li a span{ display:block; line-height:46px; color:#525252; font-size:16px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

/*产品详情*/
.main .mbox .proInfo{ overflow:hidden; padding:24px;}
.main .mbox .proInfo img{ display:block; border:1px solid #d7d7d7; float:left; margin-right:24px;}
.main .mbox .proInfo .txt{ width:324px; height:159px; overflow:hidden; float:left;}
.main .mbox .proInfo .txt h2{ display:block; height:36px; line-height:36px; color:#525252; font-size:20px; padding:0; margin-bottom:10px;}
.main .mbox .proInfo .txt p{ display:block; height:28px; line-height:28px; color:#525252; font-size:16px; overflow:hidden;}
.main .mbox .proInfo .intro{ display:block; width:100%; overflow:hidden; float:left;}
.main .mbox .proInfo .intro h3{ display:block; font-weight:normal; overflow:hidden; border-bottom:2px solid #265bc1; margin:14px 0 10px;}
.main .mbox .proInfo .intro h3 span{ display:block; line-height:32px; color:#fff; font-size:20px; background:#265bc1; padding:0 10px; float:left;}
.main .mbox .proInfo .intro p{ display:block; line-height:28px; color:#525252; font-size:16px;}

/*产品列表*/
.main .mbox ul.caseList{ display:block; overflow:hidden; padding:12px;}
.main .mbox ul.caseList li{ display:block; padding:12px; overflow:hidden; float:left;}
.main .mbox ul.caseList li a{ display:block; width:267px; border:1px solid #d7d7d7; overflow:hidden;}
.main .mbox ul.caseList li a img{ display:block; width:267px; height:258px;}
.main .mbox ul.caseList li a em{ display:block; height:32px; line-height:32px; color:#525252; font-size:18px; margin:6px 14px 0;}
.main .mbox ul.caseList li a span{ display:block; height:26px; line-height:26px; color:#525252; font-size:16px; overflow:hidden; padding-bottom:6px; margin:0 14px;}

/*下载列表*/
.main .mbox ul.dlList{ display:block; height:auto; padding:16px;}
.main .mbox ul.dlList li{ display:block; height:48px; border-bottom:1px dashed #d7d7d7; padding:0 28px; background:url(../images/common/dl_list.png) left center no-repeat;}
.main .mbox ul.dlList li a{ display:block; max-width:100%; height:48px; line-height:48px; color:#525252; font-size:18px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; float:left;}

/*下载详情*/
.main .mbox .xiazaiInfo{ overflow:hidden; padding:24px;}
.main .mbox .xiazaiInfo .txt{ width:324px; height:159px; overflow:hidden;}
.main .mbox .xiazaiInfo .txt h3{ display:block; height:36px; line-height:36px; color:#525252; font-size:20px; font-weight:normal; padding:0; margin-bottom:10px;}
.main .mbox .xiazaiInfo .txt p{ display:block; height:28px; line-height:28px; color:#525252; font-size:16px; overflow:hidden;}
.main .mbox .xiazaiInfo .txt p a{ color:#23b8bc;}
.main .mbox .xiazaiInfo .intro{ display:block; width:100%; overflow:hidden; float:left;}
.main .mbox .xiazaiInfo .intro h3{ display:block; font-weight:normal; overflow:hidden; border-bottom:2px solid #265bc1; margin:14px 0 10px;}
.main .mbox .xiazaiInfo .intro h3 span{ display:block; line-height:32px; color:#fff; font-size:20px; background:#265bc1; padding:0 10px; float:left;}
.main .mbox .xiazaiInfo .intro .words{ display:block; min-height:100px; line-height:28px; color:#525252; font-size:16px;}





/**/