html,body,div,span,object,h1,h2,h3,h4,h5,h6,table,tr,td,p,form,img,ul,li,dl,dt,dd {margin:0;padding:0;border:0;}
input,select {margin:0;padding:0;}
html,body {outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;}
html {padding-top:50px;}
body {margin:auto;text-align:center;font:normal 15px/160% 微软雅黑,Arial,宋体,Tahoma,sans-serif;color:#414141;background-color:#fff;width:1400px;
-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-webkit-font-smoothing: subpixel-antialiased;}
ul {list-style-type:none;}
a:link,a:visited {color:#666;text-decoration:none;}
a:hover {color:#f40;text-decoration:underline;}
.clear1 {clear:both;display:block;height:0px;font-size:0px;line-height:0px;}
/* ============================================ header ============================================ */
#topheaer {clear:both;text-align:left;margin:0 auto;padding:30px 10px 10px;}
.topheadlogo {float:left;display:inline;margin:10px 0 0 2px;}
.topheadlogo img {height:60px;}
.topheadtip {float:left;display:inline;margin:12px 0 0 10px;border-left:solid 1px #eee;padding-left:10px;}
.topheadtip dt,.topheadtip dd {clear:both;overflow:hidden;}
.topheadtip dt {height:28px;line-height:28px;font-weight:bold;}
.topheadtip dt h1 {font-size:25px;}
.topheadtip dt a:link,.topheadtip dt a:visited {color:#222;}
.topheadtip dd {height:22px;line-height:22px;color:#888;margin-top:5px;}
.topbuy {float:right;display:inline;}
.topbuy dt {clear:both;text-align:right;line-height:0px;}
.topbuy dt .tzanzhu {margin-left:6px;display:inline;}
.topbuy dd {clear:both;color:#999;margin-top:5px;}
/* ========================================== header ========================================== */
#menu {clear:both;height:58px;margin:0 auto 0px;text-align:left;overflow:hidden;background-color:#0061ba;border-radius:5px 5px 0 0;}
#menu .divmenubox {font-weight:bold;margin:0 10px;}
#menu .divmenubox ul {display:flex;flex-direction:row;justify-content:space-between;}
#menu li {width:20%;text-align:center;}
#menu li a {float:left;width:100%;font-size:18px;line-height:58px;text-align:center;transition:all .2s ease-out;}
#menu li a:link,#menu li a:visited {color:#fff;}
#menu li a:hover {text-decoration:none;background-color:#1286ea;color:#fff;}
#menu .on a:link,#menu .on a:visited {background-color:#1286ea;color:#fff;}
#smenu {clear:both;margin:0 auto 0;text-align:left;background-color:#fff;border:solid 1px #ddd;border-top:none;line-height:30px;padding:6px 0 6px;}
#smenu dl {float:right;}
#smenu dl dd {float:left;padding-right:15px;}
#smenu .d5 {background:url(img/oico.gif) no-repeat 1px 4px;padding-left:30px;font-weight:bold;}
#smenu .d5 a:link,#smenu .d5 a:visited {color:#f80;}
.showfocu {clear:both;margin:15px auto 0;text-align:center;}
.showfocu img {width:100%;}
/* =============================================== 框架 main =============================================== */
#k_main {clear:both;margin:15px auto 0;text-align:left;display:flex;flex-direction:row-reverse;padding:0 0 15px 0;}
#k_msright {width:260px;flex-shrink:0;margin-right:15px;}
#k_msleft {width:100%;background-color:#fff;border:solid 1px #ddd;overflow:hidden;}
#da_main {clear:both;margin:15px auto 0;background-color:#fff;border:solid 1px #ddd;text-align:left;padding:0 0 20px 0;}
#b_mcont {width:100%;background-color:#fff;border:solid 1px #ddd;overflow:hidden;}
/* =============================================== 公共部分 =============================================== */
/* publict */
.snav1 {clear:both;height:40px;line-height:40px;color:#444;border-bottom:solid 1px #d4d4d4;background-color:#f6f6f6;font-weight:bold;text-indent:12px;}
.snav2 {clear:both;height:40px;line-height:40px;color:#444;border:solid 1px #ddd;background-color:#f6f6f6;font-weight:bold;text-indent:12px;}
.snav2 span {float:right;font-size:12px;font-weight:normal;padding-right:8px;}
.snav3 {clear:both;height:40px;line-height:40px;color:#444;font-weight:bold;text-indent:3px;}
.xnav1 {clear:both;height:40px;line-height:40px;color:#444;border-bottom:solid 1px #d4d4d4;border-top:solid 1px #fff;background:#f6f6f6 url(img/liico.gif) no-repeat 10px -700px;font-size:14px;font-weight:bold;overflow:hidden;}
.xnav1_l {float:left;background:url(img/smbgs.png) no-repeat 9px -95px;padding-left:29px;display:block;height:37px;}
.ul2 {clear:both;margin:0 auto;padding:5px 8px 2px;}
.ul2 li {height:32px;line-height:32px;overflow:hidden;white-space:nowrap;border-bottom:dashed 1px #eee;}
.ul2 a {position:relative;left:0px;background:url(img/liico.gif) no-repeat 4px -408px;padding-left:16px;transition:all .2s ease-out;}
.ul2 li:hover {background-color:#f9f9f9;}
.ul2 li:hover a {left:10px;color:#f30;background:url(img/liico.gif) no-repeat 4px -435px;}
.jgtable {margin:5px auto;text-align:left;background-color:#ddd;border-top:solid 2px #bbb;}
.jgtable td {vertical-align:middle;}
.jgth1,.jgth2 {height:36px;line-height:36px;background-color:#ddd;padding-left:8px;font-weight:bold;color:#333;}
.jgth1 {width:130px;}
.jgth2 {}
.jgtd1 {background:#e6e6e6 url(img/liico.gif) no-repeat 4px -367px;padding:3px 5px 2px 17px;height:30px;line-height:30px;font-weight:bold;color:#f70;}
.jgtd2 {background-color:#f6f6f6;padding:2px 5px;height:30px;line-height:30px;font-weight:bold;color:#444;}
.jgtd3 {background-color:#fff;padding:2px 5px;line-height:18px;color:#666;}
.jgtd3 a:link,.jgtd3 a:visited {color:#00f;}
.jgtd3 a:hover {color:#f00;}
.jgtd3 .taobbut {display:block;display:block;height:31px;background-color:#4cb4fa;padding:0 5px;line-height:30px;color:#666;margin:8px 0;text-align:center;}
.jgtd3 .taobbut a {display:block;}
.jgtd3 .taobbut a:link,.jgtd3 .taobbut a:visited {color:#fff;}
.jgtd3 .jgbut {display:block;display:block;height:31px;background-color:#fb8000;padding:0 5px;line-height:30px;color:#666;margin:8px 0;text-align:center;}
.jgtd3 .jgbut a {display:block;height:31px;}
.jgtd3 .jgbut a:link,.jgtd3 .jgbut a:visited {color:#fff;text-decoration:none;}
.jgtd3 .jgbut a:hover {text-decoration:underline;}
/* =============================================== 模板中心 =============================================== */
.clistnav {clear:both;display:block;height:40px;overflow:hidden;margin:15px auto 0;padding:0 0 0 15px;}
.clistnav ul {clear:both;}
.clistnav li {float:left;height:36px;line-height:36px;background-color:#394a75;font-size:14px;font-weight:bold;display:inline;margin-right:15px;border-radius:3px;overflow:hidden;}
.clistnav li a {padding:0 25px;float:left;display:block;background-color:#394a75;}
.clistnav li a:link,.clistnav li a:visited {color:#fff;}
.clistnav li a:hover {background-color:#f60;color:#fff;}
.clistnav ul .hover a {background-color:#f60;}
/* =============================================== 微信案例 =============================================== */
.wxanliimg {clear:both;margin:25px auto 0;display:flex;flex-direction:row;flex-wrap:wrap;padding:5px 15px;}
.wxanliimg dl {width:33.3%;margin:10px 0 10px 0;text-align:center;padding:10px 0 10px 0;}
.wxanliimg dl dt,.wxanliimg dl dd {margin:0 16px;overflow:hidden;}
.wxanliimg dl dt {height:380px;}
.wxanliimg dl dt img {height:100%;transition:all .3s ease-in;transform: scale(0.8);}
.wxanliimg dl .d1 {height:20px;line-height:20px;margin-bottom:4px;}
.wxanliimg dl .d2 {height:30px;line-height:30px;color:#f50;}
.wxanliimg dl:hover {box-shadow:0px 2px 6px #ddd;}
.wxanliimg dl:hover dt img {transform:scale(0.95);}
/* =============================================== 模板中心 =============================================== */
.temppcimg {clear:both;margin:10px auto 0;display:flex;flex-direction:row;flex-wrap:wrap;padding:5px 15px;}
.temppcimg dl {width:25%;margin:8px 0px 15px 0px;text-align:center;overflow:hidden;padding:10px 0 10px 0;}
.temppcimg dl dt,.temppcimg dl dd {margin:0 16px;overflow:hidden;}
.temppcimg dl dt {height:380px;border:solid 1px #eee;}
.temppcimg dl dt img {width:100%;transition:all .3s ease-in;transform:scale(0.9);}
.temppcimg dl dd {height:38px;line-height:38px;margin-top:6px;font-weight:bold;}
.temppcimg dl dd a:link,.temppcimg dl dd a:visited {color:#444;}
.temppcimg dl:hover {box-shadow:0px 2px 6px #ddd;}
.temppcimg dl:hover dt img {transform:scale(1.1);}
/* =============================================== PC案例 =============================================== */
.anliimg {clear:both;margin:25px 15px 0;display:flex;flex-direction:row;flex-wrap:wrap;padding:5px 10px;}
.anliimg dl {width:25%;text-align:center;overflow:hidden;padding:10px 0 10px 0;margin:10px 0 10px 0;}
.anliimg dl dt,.anliimg dl dd {margin:0 16px;overflow:hidden;}
.anliimg dl dt {height:130px;}
.anliimg dl dt img {width:100%;height:100%;transition:all .3s ease-in;transform:scale(0.9);}
.anliimg dl .d1 {clear:both;height:44px;line-height:22px;margin-top:5px;}
.anliimg dl:hover {box-shadow:0px 2px 6px #ddd;}
.anliimg dl:hover dt img {transform:scale(1.1);}
.anlifont {clear:both;margin-bottom:10px;padding-bottom:10px;}
.anlifont ul {clear:both;display:flex;flex-direction:row;flex-wrap:wrap;padding:5px 10px;}
.anlifont ul li {float:left;width:33.3%;display:inline;margin:5px 0 5px 0;}
.anlifont ul li a {display:block;margin:0 8px;background-color:#f9f9f9;overflow:hidden;height:36px;line-height:36px;border:dashed 1px #eee;color:#7E7E7E;text-indent:10px;transition:all .3s ease-in;border-radius:4px;}
.anlifont ul li a:hover {text-indent:20px;background-color:#eee;box-shadow:0px 2px 6px #ddd;}
.anlitips {clear:both;display:block;background-color:#f9f9f9;border:dashed 1px #ddd;line-height:22px;padding:15px;margin:15px;line-height:24px;}
.c_anli_img {clear:both;display:block;text-align:center;padding:10px 0 10px;}
.c_anli_img img {max-width:98%;padding:5px;border:solid 1px #eee;}
/* =============================================== 内容 =============================================== */
/* ============================================ show ============================================ */
.mnlb {clear:both;font-size:40px;line-height:46px;padding:50px 0 50px;text-align:center;border-bottom:solid 2px #eee;color:#222;margin:0 10px;}
.datacontent {clear:both;padding:15px 10px 15px 10px;height:auto !important;min-height:450px;height:450px;word-break:break-all;word-wrap:break-word;overflow-x:hidden;line-height:26px;background-color:#fff;margin:6px 10px;}
.datacontent img {max-width:100%;}
.mnlg,.mnlh {clear:both;height:26px;line-height:26px;color:#777;}
.mnlg {padding:6px 0 0 20px;background:url(img/liico.gif) no-repeat 5px -772px;border-top:solid 1px #eee;}
.mnlg span {font-weight:bold;color:#000;}
.mnlh {padding:3px 0 6px 20px;background:url(img/liico.gif) no-repeat 5px -809px;border-bottom:solid 1px #eee;}
.mnlh span {font-weight:bold;color:#000;}
.mnlg a,.mnlh a {margin-left:8px;}
.mnlg a:link,.mnlg a:visited,.mnlh a:link,.mnlh a:visited {color:#2069f0;}
/* font list */
.list_ul_1 {clear:both;margin:0 6px;padding:15px 0 0 0;height:auto !important;min-height:300px;height:300px;}
.list_ul_1 li {height:50px;line-height:50px;overflow:hidden;border-bottom:dashed 1px #ddd;}
.list_ul_1 a {position:relative;left:0px;background:url(img/liico.gif) no-repeat 4px -468px;padding-left:20px;transition:all .2s ease-out;}
.list_ul_1 a:link,.list_ul_1 a:visited {color:#444;}
.list_ul_1 li:hover {background-color:#f9f9f9;}
.list_ul_1 li:hover a {left:10px;color:#f30;background:url(img/liico.gif) no-repeat 4px -499px;}
/* =============================================== 右侧内容 =============================================== */
/* 功能介绍 */
.chanpinjs {clear:both;margin-top:15px;border:solid 1px #ddd;padding-bottom:7px;}
.spcon {clear:both;margin:10px 10px 0;}
.spcon dt {clear:both;line-height:22px;padding:6px 0;}
.spcon dd {clear:both;background-color:#ccc;height:28px;line-height:28px;overflow:hidden;text-align:center;color:#fff;margin-top:5px;border-radius:3px;}
.spcon dd a {display:block;width:100%;height:100%;}
.spcon dd a:link,.spcon dd a:visited {color:#fff;background-color:#128cd7;}
.spcon dd a:hover {background-color:#ff7214;}
/* 二维码扫描 */
.wapcode {clear:both;margin-top:15px;border:solid 1px #ddd;padding:5px 0 10px;}
.wapcode li {text-align:center;}
.wapcode .l1 {line-height:0px;}
.wapcode .l1 img {max-width:96%;width:160px;}
.wapcode .l2 {color:#bbb;}
.wapcode .l3 {color:#ff5a00;font-weight:bold;}
.wapcode .l4 {}
.wapcode .l4 a:link,.wapcode .l4 a:visited {color:#0a9af3;}
.wapcode:hover {box-shadow:0px 2px 6px #ddd;}
/* 信息类别 */
.anlilei {clear:both;border:solid 1px #ddd;}
/* 最新案例 */
.newnali {clear:both;margin-top:15px;border:solid 1px #ddd;}
.showimgxx {clear:both;margin:10px 10px 0;}
/* =============================================== 列表 =============================================== */
.temptips {clear:both;margin:5px 10px 10px;border:dashed 1px #ddd;background-color:#f9f9f9;padding:6px 10px;}
/* pages */
.listpage {clear:both;margin:8px auto;padding:10px 0 5px 0;height:30px;border-top:solid 2px #eee;}
.listpagel {padding:3px;margin:0 3px;text-align:center;float:left;}
.listpagel a {border:#6d5644 1px solid;padding:2px 5px;margin:0 2px;color:#aaa; text-tecoration:none;}
.listpagel a:hover,.listpagel a:active {border:#a0a0a0 1px solid;color:#000;}
.listpagel span.current {border:#222 1px solid;margin:0 2px;color:#fff;padding:2px 5px;font-weight:bold;background-color:#222;}
.listpagel span.disabled {border:#ddd 1px solid;margin:0 2px;color:#666;padding:2px 5px;}
.listpager {float:right;display:inline;margin:6px 8px 0 0;font-size:14px;}
.listpager span {color:#f00;font-weight:bold;}
/* ============================================ index ============================================ */
.swiper-container {margin:10px auto 0;}
.swiper-slide img {width:100%;}
.itnav1 {clear:both;text-align:center;margin:20px auto 15px;}
.itnav1 .l1 {color:#444;font-size:30px;height:36px;line-height:36px;font-weight:bold;}
.itnav1 .l2 {color:#bbb;height:30px;line-height:30px;font-size:14px;}
.itnav1 .l2 span {padding:0 15px;}
.systemdiv {clear:both;margin:45px auto 0;text-align:left;}
.systembox {display:flex;flex-direction:row;flex-wrap:wrap;}
.system_s {width:25%;}
.sys_ico {text-align:center;border:solid 1px #eee;border-radius:5px;margin:0 8px;padding:0 0 10px 0;}
.sys_ico dt {clear:both;margin:15px auto 10px;}
.sys_ico dt img {width:80px;height:80px;}
.sys_ico dd {clear:both;}
.sys_ico .d1 {height:28px;line-height:28px;color:#444;font-size:15px;font-weight:bold;}
.sys_ico .d2 {height:18px;line-height:18px;color:#bbb;}
.sys_ico .d3 {height:30px;margin-top:4px;}
.sys_ico .d3 a {padding:4px 15px;background-color:#99CC33;color:#fff;border-radius:3px;}
.sys_ico .d4 {}
.sys_ico .d4 a:link,.sys_ico .d4 a:visited {color:#0099FF;}
.sys_ico .d4 a.anli {margin-left:10px;}
.sys_ico .d4 a:link.anli,.sys_ico .d4 a:visited.anli {color:#f60;}
.sys_ico:hover {background-color:#fffcf2;border:solid 1px #decfac;box-shadow:0px 2px 6px #ddd;}
.imcases {clear:both;margin:30px auto 0;padding:5px 0 20px 0;}
.imainserver {clear:both;margin:50px auto 0;background-color:#fafafa;border-top:solid 1px #eee;border-bottom:solid 1px #eee;padding:30px 0 40px 0;}
.featuresg {clear:both;margin:0 auto;display:flex;flex-direction:row;flex-wrap:wrap;padding:0 10px;}
.featse {width:50%;}
.featse dl {margin:8px;padding:10px 15px;background-color:#fff;border:solid 1px #eee;text-align:left;border-radius:5px;}
.featse dl dt {height:26px;line-height:26px;color:#555;font-weight:bold;}
.featse dl dd {color:#999;line-height:20px;margin-top:5px;}
.featse dl:hover {background-color:#fffcf2;border:solid 1px #decfac;box-shadow:0px 2px 6px #ddd;}
.ftedian {clear:both;margin-top:10px;}
.ftedian ul {padding:0 15px;}
.ftedian ul li {float:left;height:32px;line-height:32px;background-color:#fff;border:solid 1px #eee;padding:0 15px;display:inline;margin:5px 3px 5px 3px;color:#bbb;border-radius:5px;}
.ftedian ul li:hover {background-color:#fffcf2;border:solid 1px #decfac;color:#996633;}
.imothers {clear:both;margin:25px auto 25px;text-align:left;background-color:#fafafa;border-top:solid 1px #eee;border-bottom:solid 1px #eee;padding:10px 0 10px 0;}
.imortherdiv {clear:both;margin:0 auto;padding:0 15px;display:flex;flex-direction:row;}
.imorther_l {width:100%;margin-right:20px;}
.imtemps {clear:both;display:flex;flex-direction:row;flex-wrap:wrap;margin-top:20px;}
.immbs {width:25%;}
.immbs a {margin:0 10px;display:block;overflow:hidden;border:solid 1px #eee;background-color:#fff;border-radius:5px;display:flex;flex-direction:row;align-items:center;padding:20px 10px;}
.immbs dt {width:65px;flex-shrink:0;}
.immbs dt img {width:100%;height:100%;}
.immbs dd {width:100%;margin-left:8px;}
.immbs a:hover {background-color:#fffcf2;border:solid 1px #decfac;box-shadow:0px 2px 6px #ddd;}
.imorther_r {width:220px;flex-shrink:0;}
/* 开始 -- 800px 启动wap手机版样式 */
@media screen and (max-width:800px){
body {font-size:14px;width:100%;background-color:#f5f5f5;}
/* header */
#topheaer {text-align:center;padding:8px 0 8px 0;background-color:#fff;}
.topheadlogo {float:none;clear:both;display:block;margin:0 auto;text-align:center;}
.topheadlogo img {max-width:300px;}
.topheadtip {display:none;}
.topbuy {float:none;display:block;margin:8px 0 0 0;}
.topbuy dt {display:none;}
.topbuy dd {clear:both;line-height:18px;margin:0px;padding:0 10px;}
#menu {height:auto;border-radius:0px;margin:0px;}
#menu .divmenubox {display:inline;margin:0px;font-weight:bold;}
#menu .divmenubox ul {flex-direction:row;flex-wrap:wrap;}
#menu li {width:25%;}
#menu li a {float:left;font-size:13px;line-height:38px;height:38px;border-top:none;}
#menu li a:link,#menu li a:visited {color:#fff;}
#menu li a:hover {text-decoration:none;color:#fff;border-top:none;}
#menu .on a:link,#menu .on a:visited {background-color:#f50;color:#fff;border-top:none;}
.mnlb {clear:both;font-size:28px;line-height:35px;padding:30px 0 20px;}
/* =============================================== 框架 main =============================================== */
#k_main {margin:0px auto 0;flex-direction:column;padding:0px;}
#k_msright {clear:both;width:100%;padding:0px;border:none;margin:0px;}
#k_msleft {clear:both;width:100%;padding:0px;border:none;background-color:#fff;border-top:solid 1px #e2e2e2;border-bottom:solid 1px #e2e2e2;margin-top:15px;}
#da_main {clear:both;margin:15px auto 0;background-color:#fff;border:solid 1px #ddd;text-align:left;padding:0 0 20px 0;}
#b_mcont {width:100%;background-color:#fff;border:solid 1px #ddd;overflow:hidden;}
.anlifont {margin-bottom:0px;padding:6px 0 5px;}
.anlifont ul {padding:5px 5px;}
.anlifont ul li {width:100%;margin:2px 0 2px 0;}
.anlifont ul li a {margin:0 5px;}
/* 信息类别 */
.anlilei {border:none;background-color:#fff;border-top:solid 1px #e2e2e2;border-bottom:solid 1px #e2e2e2;margin-top:15px;}
/* 二维码扫描 */
.wapcode {border:none;background-color:#fff;border-top:solid 1px #e2e2e2;border-bottom:solid 1px #e2e2e2;margin-top:15px;padding:10px 0;display:none;}
/* 功能介绍 */
.chanpinjs {border:none;background-color:#fff;border-top:solid 1px #e2e2e2;border-bottom:solid 1px #e2e2e2;margin-top:15px;}
/* 最新案例 */
.newnali {border:none;background-color:#fff;border-top:solid 1px #e2e2e2;border-bottom:solid 1px #e2e2e2;margin-top:15px;}
.clistnav {height:auto;}
.clistnav li {margin-right:5px;font-size:12px;margin-bottom:6px;}
.clistnav li a {padding:0 10px;}
.temppcimg {margin-top:0px;}
.temppcimg dl {width:50%;}
.temppcimg dl dt,.temppcimg dl dd {margin:0 5px;}
.temppcimg dl dt {height:260px;}
.temppcimg dl dd {margin-top:10px;}
/* =============================================== 微信案例 =============================================== */
.wxanliimg {padding:5px 10px;margin-top:10px;}
.wxanliimg dl {width:50%;margin:8px 0 8px 0;}
.wxanliimg dl dt {height:150px;}
/* =============================================== PC案例 =============================================== */
.anliimg {margin-top:10px;}
.anliimg dl {width:50%;margin:8px 0 8px 0;}
.anliimg dl dt {height:80px;}
/* =============================================== index =============================================== */
.systemdiv {margin-top:15px;}
.itnav1 {margin:10px 5px 10px;}
.itnav1 .l1 {font-size:20px;height:36px;line-height:36px;}
.itnav1 .l2 {height:auto;line-height:18px;}
.systemdiv {margin-top:15px;}
.systembox {flex-direction:column;}
.system_s {width:100%;}
.sys_ico {height:90px;background-color:#fff;border:solid 1px #eee;border-radius:0px;margin:10px 0px 0;position:relative;text-align:left;}
.sys_ico dt {margin:0px;position:absolute;left:15px;top:15px;}
.sys_ico dt img {width:60px;height:60px;}
.sys_ico dd {clear:both;position:absolute;left:90px;overflow:hidden;}
.sys_ico .d1 {top:15px;}
.sys_ico .d2 {top:45px;}
.sys_ico .d3 {display:none;}
.sys_ico .d4 {top:68px;}
.imainserver {margin-top:15px;background-color:#fff;border-top:solid 1px #eee;border-bottom:solid 1px #eee;padding:10px 0 10px 0;}
.featuresg {flex-direction:column;}
.featse {width:100%;}
.ftedian ul li {height:24px;line-height:24px;padding:0 10px;margin:3px 3px 3px 3px;}
.ftedian ul li:hover {background-color:#fffcf2;border:solid 1px #decfac;color:#996633;}
.imcases {margin:15px auto 0;padding:5px 0 10px 0;background-color:#fff;border-top:solid 1px #eee;border-bottom:solid 1px #eee;}
.imothers {margin:10px auto 15px;text-align:left;border:none;background:none;}
.imortherdiv {clear:both;margin:0 auto;padding:0px;flex-direction:column;}
.imortherdiv .snav3 {margin:0 10px;}
.imorther_l {width:100%;margin:0px;background-color:#fff;border-top:solid 1px #eee;border-bottom:solid 1px #eee;margin-top:15px;padding:5px 0px 10px;}
.imtemps {flex-direction:column;margin:0px;}
.immbs {width:100%;margin:5px auto 5px;padding:0px;}
.immbs a {display:block;overflow:hidden;border:solid 1px #eee;background-color:#fff;border-radius:5px;display:flex;flex-direction:row;align-items:center;padding:5px 10px;margin:0px 10px;}
.immbs dt {width:50px;flex-shrink:0;}
.imorther_r {width:100%;flex-shrink:1;background-color:#fff;border-top:solid 1px #eee;border-bottom:solid 1px #eee;margin-top:15px;padding:5px 0px 2px;}
}
/* 结束 -- 800px 启动wap手机版样式 */
/* 开始 -- 801px-1000px 手机版样式 */
@media screen and (min-width:801px) and (max-width:1000px){
body {width:800px;font-size:13px;}
/* header */
.topheadtip dt {font-size:18px;}
.topheadtip dt h2 {font-size:18px;}
.topbuy {margin-top:20px;}
.topbuy dd {display:none;}
.topbuy dt .tzanzhu {display:none;}
#menu {height:50px;}
#menu li a {font-size:15px;line-height:50px;}
#menu li a:hover {line-height:50px;}
.mnlb {font-size:30px;line-height:38px;padding:40px 0 30px;}
#k_msright {width:200px;}
/* =============================================== 模板中心 =============================================== */
.clistnav li {margin-right:5px;}
.clistnav li a {padding:0 10px;}
.temppcimg {margin-top:10px;}
.temppcimg dl {width:25%;}
.temppcimg dl dt,.temppcimg dl dd {margin:0 5px;}
.temppcimg dl dt {height:180px;}
.temppcimg dl dd {margin-top:10px;}
/* =============================================== 微信案例 =============================================== */
.wxanliimg {margin-top:10px;}
.wxanliimg dl dt {height:200px;}
/* =============================================== PC案例 =============================================== */
.anliimg {margin-top:10px;}
.anliimg dl dt {height:70px;}
.anlifont ul li {width:50%;}
.immbs a {flex-direction:column;}
.immbs dt {width:50px;text-align:center;}
.immbs dd {width:100%;margin:8px 0 0;text-align:center;}
}
/* 结束 -- 801px-1000px 手机版样式 */
/* 开始 -- 1001px-1200px 手机版样式 */
@media screen and (min-width:1001px) and (max-width:1200px){
body {width:1000px;font-size:13px;}
/* header */
.topheadtip dt {font-size:20px;}
.topheadtip dt h1 {font-size:20px;}
#menu {height:50px;}
#menu li a {font-size:15px;line-height:50px;}
#menu li a:hover {line-height:50px;}
.mnlb {font-size:30px;line-height:38px;padding:40px 0 30px;}
#k_msright {width:220px;}
/* =============================================== 模板中心 =============================================== */
.temppcimg {margin-top:10px;}
.temppcimg dl dt {height:200px;}
/* =============================================== 微信案例 =============================================== */
.wxanliimg {margin-top:10px;}
.wxanliimg dl dt {height:260px;}
/* =============================================== PC案例 =============================================== */
.anliimg {margin-top:10px;}
.anliimg dl dt {height:100px;}
.anlifont ul li {width:50%;}
.immbs dt {width:50px;}
}
/* 开始 -- 1001px-1200px 手机版样式 */
/* 开始 -- 1001px-1200px 手机版样式 */
@media screen and (min-width:1201px) and (max-width:1400px){
body {width:1200px;font-size:14px;}
/* header */
.topheadtip dt {font-size:22px;}
.topheadtip dt h1 {font-size:22px;}
#menu {height:56px;}
#menu li a {font-size:15px;line-height:56px;}
#menu li a:hover {line-height:56px;}
.mnlb {font-size:30px;line-height:38px;padding:40px 0 30px;}
/* =============================================== 模板中心 =============================================== */
.temppcimg {margin-top:10px;}
.temppcimg dl dt {height:280px;}
/* =============================================== 微信案例 =============================================== */
.wxanliimg {margin-top:10px;}
.wxanliimg dl dt {height:260px;}
/* =============================================== PC案例 =============================================== */
.anliimg {margin-top:10px;}
.anliimg dl dt {height:100px;}
}
/* 开始 -- 1001px-1200px 手机版样式 */