/* CSS Document */
body {margin:0 auto; padding: 0; min-width:320px;  max-width:750px;height: 100%; min-height: 100%; color:#515151; font-family:"\5FAE\8F6F\96C5\9ED1","\5b8b\4f53", Arial, Helvetica, sans-serif; font-size:100%;  line-height: 1.231; -webkit-touch-callout: none; display: -webkit-box; -webkit-box-orient: vertical; -webkit-box-align: stretch; font-family:'微软雅黑';}
.baner2019{width:100%;}
.baner2019 img{width: 100%; margin: 0; padding: 0}
* { margin: 0; outline: 0; padding: 0;-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
a { text-decoration: none; color:#515151}
.red{color:#fff100;}
a:link {color:#515151;font-size:0.9rem;font-family:'微软雅黑'; }
a:visited {color:#515151;font-size:0.9rem;font-family:'微软雅黑';}
a:hover {color:#515151;font-size:0.9rem;font-family:'微软雅黑';}
a:active {color: #515151;font-size: 0.9rem;font-family: "微软雅黑";}

a.more:link {   color:#1d8d7d;font-size:1rem;font-family:'微软雅黑'; line-height:200%; display:block; margin:0 35%}
a.more:visited { color:#1d8d7d;font-size:1rem;font-family:'微软雅黑';line-height:200%;display:block}
a.more:hover {  color:#1d8d7d;font-size:1rem;font-family:'微软雅黑';;line-height:200%;display:block}
a.more:active { color: #1d8d7d;font-size:1rem;font-family: "微软雅黑";line-height:200%;display:block}
html {color:#515151;height: 100%; max-width: 750px; margin: 0 auto; -webkit-text-size-adjust: auto; -ms-text-size-adjust: auto;text-size-adjust: auto;font-family:'微软雅黑';}
ul,li{margin:0;padding:0;list-style-type:none; }
/*-----------------------*/
.bottom_bottomnew{ position:fixed;bottom:0; background:#1d8d7d;  width:100%;max-width:640px; min-width:320px; height:40px; line-height:40px; text-align:center; color:#FFF;font-family:"微软雅黑"; font-size:3.5rem; z-index:2}

 .backToTop {display: none; width: 18px; line-height: 1.4; padding: 10px 10px; background-color: #000; background: url(../image/topsan.jpg); color: #fff; font-size: 12px; text-align: center; position: fixed; _position: absolute; right: 5px; bottom: 60px; _bottom: "auto"; cursor: pointer; opacity:.6; filter: Alpha(opacity=60);}
.backToTop:hover{ background-color: #900;}
.top01{ width:100%}
.top01 img{ width:100%}
.top_head{ background:url(../image/ban_d.jpg) no-repeat; width:100%;background-size:100% auto;padding-top: 78% ;position: relative}
.top_head01{ background:url(../image/baner.jpg) no-repeat; width:100%;background-size:100% auto; padding-top:90%; }
.top_head ul,.top_head01 ul{  position: absolute; top:0; width:100%;z-index:100; margin: 0; padding: 0;max-width: 750px;}
.top_head ul .logo,.top_head01 ul .logo{ width:20%; margin:10px;}
.top_head ul .logo img,.top_head01 ul .logo img{ width:100%}
.top_head ul .maintext,.top_head01 ul .maintext{ color:#ffffff; font-size:1.5rem; width:100%; text-align:center;text-shadow:2px 2px 1px #e23935; padding:5% 0 10% 0; font-weight:600;letter-spacing:2px}
.top_head ul .maintext span,.top_head01 ul .maintext span{ color:#fff100}

.yzsjjbox{ position:relative;  margin:0 10%;min-height:6rem;width:80%; background:rgba(255,255,255,0.2);-webkit-box-shadow: 0 0 8px rgba(248, 148, 143, .5);
-moz-box-shadow: 0 0 8px rgba(248, 148, 143, .5);
box-shadow: 0 0 8px rgba(248, 148, 143, .5); border-radius:10px; padding-bottom:10px;}
.yzsjjbox h3{ position:absolute;top:-15%; width:70%; border-radius:10px; margin:0 15%; color:#7d4c1b; height:2.3rem; line-height:2.3rem; font-size:1.1rem;text-align:center;/* background: -webkit-linear-gradient(#fbc98f, #fbb15b);  Safari 5.1 - 6.0
    background: -o-linear-gradient(#fbc98f, #fbb15b);
    background: -moz-linear-gradient(#fbc98f, #fbb15b);
    background: linear-gradient(#fbc98f, #fbb15b); /* 标准的语法（必须放在最后）*/
	 font-weight:500; background:#fff549
}
.yzsjjbox ul{ margin:0; padding:0; width:100%; padding-top:30px;}
.yzsjjbox ul li{ width:25%; float:left; text-align:center; color:#ffffff}
.yzsjjbox ul li p{ text-align:center; margin:0; font-size:0.8rem;}
.yzsjjbox ul li img{ width:60%; margin:0 10%}
.box1234{ margin-top:-3rem; padding:0 2rem;}
/*免费试用*/
.mfzc01_box{ background:#fde4e4; padding:10px 0;margin:0; margin-top:-3px;}
/*.mfsy_bot{border:0;border-bottom:2px solid transparent;
 border-image: -webkit-linear-gradient(90deg,#ed485f,#ffb1c0) 30 30;
     border-image: -moz-linear-gradient(90deg,#ed485f,#ffb1c0) 30 30;
     border-image: linear-gradient(90deg,#ed485f,#ffb1c0) 30 30;}*/
	 .mfsy_bot{ width:100%; background:#fde4e4 url(../image/bottom_lin.jpg) no-repeat; background-size:100% 2px;background-position-y:bottom}

.mfzc01_boxtitle{ color:#f55b78; text-align:center; font-size:1.2rem}
.mfzc01_boxtitle li{ background:#fde4e4; line-height:25px; display: inline-block; margin:0 auto; clear:both;position:relative;z-index:1}
.mfzc01_boxtitle p{ background:#fde4e4;  padding:0 4px;line-height:30px;display: inline-block; margin:0 auto; clear:both;color:#f55b78; text-align:center; font-size:0.5rem; margin:0;position:relative; top:-5px; z-index:1}
.mfzc01_boxtitle hr{ height:1px;border:none;border-top:1px solid #f55b78; position:relative; top:2px; z-index:0; width:90%; margin:0 5%}
.mfsy02box{ padding-bottom:1.2rem;}
.mfsy02box h4{ background:#f9657a; color:#ffffff; font-size:1rem; text-align:center; font-weight:300; line-height:2rem;}
/*主要内容*/
.homehyglbox{ border:2px solid #ff8c93; border-radius:7px; margin:15px 15px; position:relative; z-index:50; padding:10px;}
.homehyglboxborder01{border:2px solid #d85493;}
.homehyglbox:after{ content:""; display:block; width:94%;border:2px solid #ffdcde;border-top:0px solid #ff8c93;  border-radius:0px 0 7px 7px; position:absolute; bottom:-8px; background:#fff4f4; height:4px;}
.homehyglbox_text{ font-size:0.9rem; padding-top:14px; padding-right:15%}
.homehyglbox_text01{ padding-right:0%}

.homehyglbox .title{ border-bottom:10px solid #fdc313; font-size:1.2rem; width:80px; padding:0 5px; height:15px; margin-top:10px;}
.homehyglbox .title span{ display:inline-block; position:absolute; }
.homehyglbox .iconimg{  font-size: 11px; color: #f48297; width:20%; text-align: center; padding: 2px; margin: 0 auto; margin-top: 5px; position: absolute;right:5px;}
.homehyglbox .iconimg span{display: inline-block; background:#f48297; color: #ffffff; font-size: 11px; text-align:center; width: 15px; height:15px; margin-left: 5px;
	border-radius: 50px;
}
.homehyglbox_bot{ width:100%; padding-top:15px;}
.homehyglbox_bot ul{ margin:0; padding:0; display: flex}
.homehyglbox_bot ul li{ text-align:center; padding:0 1px; font-size:0.6rem;width: 25%}
.homehyglbox_botli{ width:25% !important}
.homehyglbox_bot ul li img{ width:45%}
/*主要内容结束*/
.whybox{ width:100%; margin-top:30px;}
.whybox:after{ clear:both}
.whyboxtitle{ margin:0 20px;  background:url(../image/011.jpg) no-repeat; padding-top:27%; background-size:100%;text-align:center; position:relative}
.whyboxtitle h3{ position:absolute; color:#ffffff; font-size:1.5rem; top:0; width:100%; text-align:center;text-shadow:2px 2px 1px #e23935; padding:12% 0; font-weight:600;letter-spacing:2px}
.whybox .left{ width:50%; float:left; padding-bottom:40px;}
.whybox .left ul{ width:100%; padding:0; margin:0}
.whybox .left ul li{ font-size:0.9rem; padding:20px 0 10px 40px; position:relative}
.whybox .left ul li:before{ content:url(../image/0202.jpg) ; position:absolute; left:25px }
.whybox .right{ width:50%; float:left}
.whybox .right img{ width:100%}
/*首页新闻*/
.order_box1{ margin:0 10px; width:95%; float:left;}
.cntorder2{padding-top:5px; background:#eee}
.order_box1 .stitle2 {  margin-top:30px;
clear: right;
 background:#fff;
height: 30px;
}
.order_box1 .stitle2 .close {
width:22%;
height: 30px; line-height:30px; font-family:微软雅黑; font-weight:; background:#fff;
color: #21aca5;  font-size:0.9rem;
text-align: center;
float:left;
margin-right: 5px;

}
.order_box1 .stitle2 .open {
width:24%;   font-family:微软雅黑;
height: 30px; line-height:30px;border-radius:10px 10px 0 0; border-top: 3px solid #f55b78; background:#eee;
color: #000; font-size:1rem; font-weight:;
text-align: center;
float: left;
margin-right: 5px;
overflow: hidden;
}
.order_box1 .stitle2 .close a{color: #f55b78; font-size:1rem; }
.order_box1 .stitle2 .open a{color: #000; font-size:1rem;}
.newsb_zw{ width:100%}
.newsb_zw ul{ margin:10px; padding:0}
.newsb_zw ul li{ line-height:40px;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;.white-space:nowrap; height:40px; border-bottom:#e5e5e5 1px solid}
.newsb_zw ul li b{ color:#ef6262}
.newsb_zw ul li span{ float:right; display: inline-block; width:50px; font-size:0.8rem}
.adv_mrmf{ min-width:320px; max-width:640px; margin-top:10px;}

/*首页新闻*/
/*案例*/
.box6800{background:url(../image/05.jpg);background-size:100%; padding-bottom:30px; padding-top:35% }
.box6800 h4{ text-align:center; color:#ffffff; font-size:1.4rem; padding-top:15%; padding-bottom:15%; font-weight:200}
.box6800 ul{ margin:0; padding:0;   display: -webkit-flex;/*新版本：Chrome*/
    display: flex;/*新版本：Opera 12.1,Firefox 20+*/ margin:0 10px}
.box6800 ul  li{ background:#ffffff; border-radius:0.3rem;-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .3);
-moz-box-shadow: 0 0 10px rgba(0, 0, 0, .3);box-shadow: 0 0 10px rgba(0, 0, 0, .3); width:33%;height:30%; margin:5px; border-radius:5px; padding:0}
.box6800 ul  img{ border-radius:0.3rem; display:block; padding:0; width:100%}
@media screen and (min-width: 320px) and (max-width: 320px) {
	.whyboxtitle h3{ font-size:1.2rem}
	.whybox .left ul li{ font-size:0.8rem; padding:10px 0 10px 40px; position:relative}
	.yzsjjbox h3{ font-size:1.1rem;height: 2.1rem;
    line-height: 2.1rem;}
	.top_box .maintext{ font-size:1.2rem}
.top{ height:252px;}
}
@media screen and (min-width: 375px) and (max-width: 375px) {

.top{ height:295px;}
}
@media screen and (min-width: 414px) and (max-width: 414px) {

.top{ height:326px;}
}
@media screen and (min-width: 360px) and (max-width: 360px) {
	.whyboxtitle h3{ font-size:1.3rem}
	.whybox .left ul li{ font-size:0.8rem; padding:20px 0 10px 40px; position:relative}
.top{ height:283px;}
}
.sixbs{width:100%;background:url(../image/04.jpg); background-size: cover; text-align:center; clear:both }
.sixbs p{ color:#ffffff; font-size:1.4rem; padding:1rem 0}
.sixbs li{ font-size:1.8rem; color:#ffffff;}
.sixbs li b{ font-size:2.0rem; font-weight:500; margin:0 0.3rem}
.sixbs li span{ display:inline-block;padding:0 0.2rem;font-size:1.8rem;background:#ffffff;color:#f4777e;border-radius:5px;margin:5px;}
.fouryi{
	width: 100%;
	display: flex;
	padding-bottom: 10px;
}
.fouryi a:link{flex: 1}
.fouryi a .item{ flex: 1; border-right: 1px solid #f5f5f5;
text-align: center}
.fouryi a .item h2{ font-size: 13px;
	color: #333333;
	font-weight: 500;
margin: 0; padding: 0;
}
.fouryi a .item li{ font-size: 11px; color: #666666; line-height: 200%}
.fouryi a .item img{width:70%}

.fouryi a .item .button{ border: 1px solid #f48297; font-size: 11px; color: #f48297; width:60%; border-radius: 3px; padding: 2px; margin: 0 auto; margin-top: 5px;}
.fouryi a .item .button span{display: inline-block; background:#f48297; color: #ffffff; font-size: 11px; width: 15px; height:15px; margin-left: 5px;
border-radius: 50px;
}

.fouryi a .on{ flex: 1; border-right: 1px solid #f5f5f5;
	text-align: center}
.fouryi a .on h2{ font-size: 13px;
	color: #f48297;
	font-weight: 500;
	margin: 0; padding: 0;
}
.fouryi a .on li{ font-size: 11px; color: #f48297; line-height: 200%}
.fouryi a .on img{width:70%}

.fouryi a .on .button{ border: 1px solid #f48297; font-size: 11px; color: #ffffff;background: -webkit-linear-gradient(#ff97ab, #f27e94); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(#ff97ab, #f27e94); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(#ff97ab, #f27e94); /* Firefox 3.6 - 15 */
	background: linear-gradient(#ff97ab, #f27e94); /* 标准的语法 */;width:60%; border-radius: 3px; padding: 2px; margin: 0 auto; margin-top: 5px;}
.fouryi a .on .button span{display: inline-block; background:#ffffff; color: #f48297; font-size: 11px; width: 15px; height:15px; margin-left: 5px;
	border-radius: 50px;
}

body{ font-size:13px; background: #ffffff}
td{ font-size:13px;}
th{ font-size:13px; width:80px; padding:0 5px; text-align:right; font-weight:100;}
input{ height:30px; width:90%; text-indent:0.8rem; margin:5px auto; font-size:14px; color: #999; border:1px solid #f55b78; border-radius:5px;}
#code_img{ position: absolute;right:25px; bottom:13px;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color:#666666;
}
input:-moz-placeholder, textarea:-moz-placeholder {
    color:#666666;
}
input::-moz-placeholder, textarea::-moz-placeholder {
    color:#666666;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color:#666666;
}
.anniubut{border-radius:5px; color:#ffffff;background: -webkit-linear-gradient(#ff6f83, #eb4b62);
    background: -o-linear-gradient(#ff6f83, #eb4b62);
    background: -moz-linear-gradient(#ff6f83, #eb4b62);
    background: linear-gradient(#ff6f83, #eb4b62); border:0; font-size:24px; height:40px; font-family:微软雅黑; text-indent:0 }
.box {
    -webkit-box-shadow: 0 0 8px rgba(245, 91, 120, .5);
    -moz-box-shadow: 0 0 8px rgba(245, 91, 120, .5);
    box-shadow: 0 0 8px rgba(245, 91, 120, .5);
    border-radius: 5px;
    background: #ffffff;
    margin: 10px 30px;
    padding-bottom: 15px;
    padding-top: 10px;
}
.tdleft{ text-align:center; position: relative}
.codeclice{
	cursor:pointer; position:relative
}
.hqcode{width:35%; text-indent:-5px; background:#ff6f83; color:#ffffff; text-align:center }
.codewhide{width:52%;}

a.mfsy_box:link {
	border: 1px solid #ffffff !important;
	border-radius: 8px;
	font-size: 1rem;
	height: 30px;
	display: block;
	width: 25%;
	margin: 5% auto;
	padding: 1px 20px;
	line-height: 30px;
	text-align: center;
	color: #ffffff !important;
}

a.mfsy_box:visited {
	border: 1px solid #ffffff !important;
	border-radius: 8px;
	font-size: 1rem;
	height: 30px;
	width: 25%;
	margin: 5% auto;
	padding: 1px 20px;
	line-height: 30px;
	text-align: center;
	color: #ffffff !important;
}

a.mfsy_box:hover {
	background: #ffffff;
	color: #117768 !important;
	font-size: 1rem !important
}
a.mfsy_box:active {
	background: #ffffff;
	color: #f98f93 !important;
}
.fixbottom{
	z-index: 999;
	width: 50px;
	height: 45px;
	position: fixed;
	top:200px;
	right:0;
	font-size: 15px;
	z-index: 999;
	color: #f45b77;
}
.fixbottom .item{
text-align: center;
	line-height: 45px;
}
.fixbottom .item01{ color: #ffffff;}
.fixbottom .item img{ width:43px; margin-bottom: -8px}