@charset "utf-8";
/*
Theme Name: myapp
Text Domain: myapp
Version: 1.0
Requires at least: 4.7
Requires PHP: 5.2.4
Description: 本主题是一个软件服务公司的特别官网定制主题，主要为用户提供软件解决方案、案例与报价等内容，这是一个面向商业定制的主题。本主题由淘宝店[木卫二十一]定制开发，若使用该主题有任何问题，可以前去淘宝店咨询。
Tags: 公司网站, 公司官网, 公司官网模板, 软件定制网站, 公司官网主题, 软件与解决方案, 软件定制服务, 软件服务, 公司主题, 商业主题, 营销主题
Author: 淘宝木卫二十一软件定制开发
Author URI: https://shop117774230.taobao.com/
Theme URI: https://shop117774230.taobao.com/
*/






/* 水电费 */
body,ul,dl,dd,dt,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,img,td,div,input{margin:0px;padding:0px}
body{font-size:12px; color:#444;}
ul,ol{list-style-type:none}
li{vertical-align:0}
a{outline-style:none;color:#444444;text-decoration:none; }
a:hover{color:#ff4e00; text-decoration:none}
:focus{ outline: none; }/*针对Firfox*/
a,area { blr:expression(this.onFocus=this.blur()) }/*  针对IE*/
img{border:0px;vertical-align:bottom}
h1,h2,h3,h4,h5,h6{ font-weight:normal}
em{ font-style:normal}
.clear{ clear:both !important}

/* base > base */
.hidden{display:none}
.wrap{word-break:break-all}
.fl,.fldi{ float:left}
.fr,.frdi{ float:right}
.fldi,.frdi{ display:inline}
.pr{ position:relative}
.pa{ position:absolute}

/* base > 字体样式、字体大小、字体行间距、对齐方式、字体颜色 */
.fs,body{ font-family:"宋体"}
.fv{ font-family:"微软雅黑"}
.f10{ font-size:10px}
.f12{ font-size:12px}
.f14{ font-size:14px}
.f16{ font-size:16px;font-weight:bold}
.f18{ font-size:18px}
.f24{ font-size:24px}

.lh20{ line-height:20px}
.lh22{ line-height:22px}
.lh24{ line-height:24px}
.lh26{ line-height:26px}
.lh28{ line-height:28px}
.lh30{ line-height:30px}

.cr_w{ color:#FFF}
.cr_b{ color:#0E3B4E}
.cr_g{ color:#008f7b}
.cr_a{ color:#969696}
.cr_o{ color:#ff4e00}

.ta_l{ text-align:left}
.ta_c{ text-align:center}
.ta_r{ text-align:right}

/* base > margin */
.mb10{ margin-bottom:10px}
.mb12{ margin-bottom:12px}
.mb14{ margin-bottom:14px}
.mb16{ margin-bottom:0px}
.mb18{ margin-bottom:18px}
.mb20{ margin-bottom:20px}
.mb22{ margin-bottom:22px}
.mb26{ margin-bottom:26px}
.mb30{ margin-bottom:30px}
.mb36{ margin-bottom:36px}
.mb40{ margin-bottom:40px}
.mb44{ margin-bottom:44px}
.mb50{ margin-bottom:50px}

/* base > background */
.gif,.jpg{ background-repeat:no-repeat; display:inline-block; overflow:hidden}
.gif{ background-image:url(./assets/images/gif.jpg)}
.jpg{ background-image:url(jpg.jpg)}

.pdf em{ background-position:left -38px}
.doc em{ background-position:left -69px}
.xls em{ background-position:left -100px}
.ppt em{ background-position:left -131px}

.zip em{ background-position:left -163px}
.xlsx em{ background-position:left -196px}
.pptx em{ background-position:left -229px}
.docx em{ background-position:left -260px}

.rar em{ background-position:left -292px}


.footer {
    position: relative;
    z-index: 9;
    clear: both;
    padding: 40px 0px;
    font-size: 12px;
    line-height: 12px;
    text-align: center;
    color: #999;
    background-color: #fff;
    border-top: 1px solid #eaeaea;
	display: block;
    /* box-shadow: 1px 0 4px rgb(0 0 0 / 4%); */
}
.footer .container {
    position: relative;
    margin: 0 auto;
    max-width: 1250px;
    padding: 0;
	width: auto;
}
.flinks {
    overflow: hidden;
    margin-bottom: 10px;
	font-size: 12px;
    line-height: 12px;
    text-align: center;
    color: #999;
}
.flinks ul.blogroll {
    margin: 0;
    padding: 0;
    display: inline;
}
.flinks ul li {
    display: inline-block;
    margin: 0 7px;
    margin-bottom: 7px;
}
footer a:hover {
    color: #272727!important;
}
.fcode {
	margin: 14px 0;
}
.footer-nav {
	margin-top: 12px;
}

.pagination {
    margin: 0;
    padding: 20px;
    text-align: center;
    font-size: 13px;
    display: block;
}
.pagination ul {
}
.pagination ul > li {
    display: inline;
	margin-right: 5px;
}
.pagination a, .pagination span {
	padding: 5px 12px;
	background-color: #ddd;
	border-radius: 2px;
}
.pagination .prev-page {

}
.pagination .next-page {

}
.pagination .active a, .pagination .active span {
	background-color: #fb4c69;
	color: #FFF;
}
.pagination ul > li > span, .pagination ul > .disabled > span, .pagination ul > .disabled > a, .pagination ul > .disabled > a:hover, .pagination ul > .disabled > a:focus {
    color: #666666;
    background-color: transparent;
    cursor: default;
}

#MyContent img { display: block; margin-left: auto; margin-right: auto; }
#MyContent p.wp-caption-text {
display: block;
margin-left: auto;
margin-right: auto;
text-align: center;
}

#MyContent {
	margin-bottom: 32px;
	font-size: 14px;
	line-height: 26px;
}

.bottom-recom {
	display: flex;
	justify-content:space-between;
	align-items: center;
	font-size: 15px;
}

.topbar {
    margin-bottom: 0px;
    margin-top: 16px;
    color: rgb(75, 75, 75);
	display: flex;
	justify-items: flex-end;
}
.topbar > div {
	margin-left: auto;
}
.topbar a {
    color: rgb(75, 75, 75);
}


/*------------------
    分页部分的CSS
------------------*/
.fenye{    
    height: 25px;
    _background: #F9F9F9;
    padding: 2px 5px;
    margin: 20px 4px;
    _border: solid 1px #ccc;
    _text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}

.fenye a{
    padding:4px 10px;
    margin:0 2px 0 2px;
    border:1px solid #aaa;
    text-decoration:none;
    color:#333;
}

.fenye a.current{    
    background:#ff6f3d;    
    color:#fff;
}

.fenye a:hover{
    background:#ff6f3d;
    color:#fff;
}

/*-- footer --*/
.footer {
    width:100%;
    height:64px;
    background:#E6E9ED;
    border-top: 1px solid #e2e2e3;
}


/*-- post --*/
.post {
    background:none;
}

.post .entry-cnt {
    height:auto;
    line-height:2;
    font-size:14px;
    border-top-width: 1px;
    border-top-style: dotted;
    border-top-color: #eee;
    padding:15px 0 0;
}

.post .entry-cnt p {
    line-height:2;
    font-size:14px;    
}

.related {
    padding:10px 5px 10px 5px;
    border-top:1px solid #eee;
    border-bottom:1px solid #eee;
    margin: 20px auto 10px auto;
}

.r-left {
    float:left;
}

.r-right {
    float:right;
}

/*-- discuss --*/
.discuss {
    padding:25px;
}



/* base > select */
.selebt{ cursor:pointer}
.selecn{ display:none}
.selecn li{ cursor:pointer}
/* base > fanye */
.fany{ padding:2px}
.fany a{ margin:0 4px; display:inline-block}
.fany a.am{ padding:2px 5px; border:1px solid #00897F; font-weight:bold; position:relative; *top:3px}

.error{ padding:0 130px; font-size:14px; color:#F00}

/* base > wrapper */
.wrapper,.auto{ margin-left:auto; margin-right:auto}
.wrapper{ width:1250px;background-color: #FFF;}

/* base > head */
.head{ height:80px; padding: 8px 0px; z-index:10; display: flex;align-self: center;justify-content: space-between;}
.logo{
	width:320px;
	align-self: center;
}
.cnen{ width:112px; padding-top:20px}
.cnen a{ color:#ff4e00}
.nav{ width:auto; height:30px; overflow:hidden; padding-top:0px;align-self: center;}
.nav ul{ height:30px; display: flex;align-self: center;}
.nav li{ float:left; padding:0 22px;align-self: center;}
.nav li:last-child { padding-right: 0!important; }
.nav .navli{ padding:0px}
.nav a{ color:#0e3a4c}
.nav a:hover{ color:#ff4e00}
/* base > main */
.main{ width:1200px}
.m_left,.m_right{ width:194px}
.m_cont{ width:960px; margin-left:40px; margin-bottom: 32px;}
.ml_nav{ width:194px}
.mln_ul{ height:auto}

.mln_a{ font-size:15px; line-height:34px; padding:0 5px 0 45px; background:url(./assets/images/left_2.jpg) no-repeat 5px center;color:#FFF; display:block}
.mln_a:hover,.mln_am{ background:url(./assets/images/left_2.jpg) no-repeat; color:#FFF}
.mln_ul2{ height:auto; display:block; padding:8px 0 12px}
.mln_li2{ height:28px; padding-right:22px}
.mln_li2 a{ color:#272727; display:block; line-height:28px; background:url(./assets/images/left_3.jpg) no-repeat right center; padding-right:30px}
.mln_li2 a:hover{ color:#008f7b; }
.mln_li2 a.am{ color:#008f7b; font-weight:bold}
.mln_u2{ height:auto; display:block; padding:8px 0 12px}
.mln_l2{ height:auto}
.mln_a2{ font-size:14px; line-height:30px; padding-left:45px; background:url(./assets/images/left_4.jpg) no-repeat 30px center; color:#757575}
.mln_a2:hover{ color:#008f7b}
.mln_a2m{ font-weight:bold; color:#008f7b}
.mr_search{ width:171px; height:20px; border:5px solid #A1A9AC; padding:3px 3px 3px 3px}
.mr_search input{ width:146px; height:18px; line-height:18px; border:none; background: none; padding-top:2px; color:#7c8589;}
.mr_search .search-button {
	background:url(./assets/images/gif.jpg) no-repeat right center;
	width:25px;cursor:pointer;
}
.mr_search a{ width:21px; height:20px; background-position:left -17px}
.mr_tele{ border:1px solid #D2D8D6}
.mr_tele,.mr_tele img{ width:192px; height:61px}
/* base > foot */
.link{ height:24px; background:#545454}

.link a:hover{ color:#fff}
.link_li{ width:160px; height:24px; position:relative}
.link_li2{ background:#767676}
.link_li .gif{ width:13px; height:13px; background-position:0px 0px; right:17px; top:5px}
.link_sp{ width:110px; height:24px; padding:0 32px 0 18px; z-index:1; cursor:pointer}
.link_sp a{ color:#FFF}
.link_cn{ width:160px; background:#272727; left:0px; bottom:24px; *bottom:23px; padding:6px 0 12px; display:none}
.link_cn li{ height:100%; overflow:hidden}
.link_cn a{ line-height:20px; padding:3px 7px 3px 15px; background:url(link_1.jpg) repeat-x left bottom; display:block; color:#DBDBDB}
.link_cn a:link{ color:#FFF}
.link_cn a:hover{ background:#4B4B4B; color:#DBDBDB; background-image:none}
.link_ur{ height:24px}
.link_ur li{ float:left; padding:0 20px 0 40px; background:url(link_2.jpg) no-repeat 16px center}
.link_ur li.liam{ background:#363636 url(link_3.jpg) no-repeat 16px center}
.link_p{ width:100%; height:23px; background:url(link_1.gif) repeat; left:0px; top:0px; z-index:2; display:none}
.copyright{ height:50px; padding:8px 0 0; border-top:3px solid #D1D5D8; color:#7c8589}
.copyright a{ color:#7c8589}
.copyright a:hover{ color:#b3000b}
.softlist { list-style:none; margin-left:-40px}
.softlist li{ float:left; width:430px; margin-left:40px; margin-top:40px }
.softlist li h3{ font-size:18px; font-weight:bold}
/*浮动qq*/
img {
	border:0
}
ul, li, h3 {
	list-style-type:none;
	padding:0;
	margin:0
}
.sc_header {
	background:url('/images/header_bg.gif') no-repeat;
	width:137px;
	height:29px;
	color:#fff;
	font-size:14px;
	font-weight:700;
	font-family:"宋体"
}
.sc_ul {
	border-left:1px solid #dbdbdb;
	border-right:1px solid #dbdbdb;
	border-bottom:1px solid #dbdbdb;
	width:135px;
	float:left;
	color:#656565;
	font-size:12px;
}
.sc_ul li h3 {
	background:url('/images/li_bg.gif') repeat-x;
	height:30px;
	cursor:pointer;
	font-weight:normal;
	font-size:12px;
	float:left;
	width:135px;
}
.sc_ul li div {
	background:url('/images/con_bg.gif') repeat-x;
	height:154px;
	display:none;
	font-family:"宋体";
	float:left;
	width:135px;
}
.sc_ul .line_top {
	border-top:1px solid #dbdbdb;
	float:left;
	width:135px;
}
.sc_ul .li_left {
	background:url('/images/li_left.gif') no-repeat;
	width:7px;
	height:7px;
	display:block;
	float:left;
	margin-top:12px;
	margin-left:8px;
}
.sc_ul .li_down {
	background:url('/images/li_down.gif') no-repeat;
	width:7px;
	height:7px;
	display:block;
	float:left;
	margin-top:13px;
	margin-left:8px;
}
.sc_ul .sc_intro {
	background:url('/images/intro_bg.gif') no-repeat;
	width:119px;
	height:22px;
	color:#fedcc0;
	display:block;
	float:left;
	margin-left:8px;
	margin-bottom:8px;
}
.sc_ul .sc_reset {
	background:url('/images/reset_xs.gif') no-repeat;
	width:119px;
	height:22px;
	color:#fedcc0;
	display:block;
	float:left;
	margin-left:8px;
	margin-bottom:8px;
}
h1 {
	font-size:18px;
	text-align:center;
}
/*qqkefu固定的悬浮窗*/
.yb_conct{position:fixed;z-index:9999999;top:200px;right:-127px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top{background:#567bc9 url(./assets/images/fixCont.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#be785d url(./assets/images/fixCont.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ{text-indent:0;background:#bb506a url(./assets/images/fixCont.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode{background:#61b368 url(./assets/images/fixCont.png) no-repeat 0 -169px;}
.hd_qr{padding:0 29px 25px 29px;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}
