/* --- 基础与重置样式 --- */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}
body {
    font-family: "微软雅黑","Microsoft Yahei";
    /* 为固定的头部预留空间，这是适配的关键改动 */
    padding-top: 137px; 
}
*, *::before, *::after {
    box-sizing: border-box; /* 使用更直观的盒模型 */
}

/**  gotop  **/
.SonlineBox{
	width: 60px;
	height: 212px;
	position: fixed;
	right: 5px;
	bottom: 30px;
	z-index:9999;
}
.SonlineBox .openTrigger{ 
	width:30px;
	height:120px;
	position:absolute;
	top:0px;
	z-index:1;
	cursor:pointer;
	background:#ff7e00 url(kefu.png) no-repeat;
	background-position: 0 0px;
}
.SonlineBox .contentBox{
	width: 150px;
	height: auto;
	background: #FBFBFB;
    position: absolute;
    z-index: 2;
}
.SonlineBox .contentBox div{
	padding:4px 8px;
}
.SonlineBox .contentBox div h4{
	background: url(kefu.png) no-repeat;
    font-size: 16px;
    font-weight: bold;
    color: #616161;
    width: 120px;
    height: 27px;
    line-height: 27px;
    padding-left: 36px;
	margin-bottom: 10px;
}
.SonlineBox .contentBox div p{
	font-size: 13px;
    line-height: 30px;
}
.SonlineBox .contentBox div.TelBox h4{
	background-position: 3px -179px;
}
.SonlineBox .contentBox div.TelBox h4.TelBox_h {
	font-weight: normal;
    color: #FD7304;
	padding-left: 30px;
}
.SonlineBox .contentBox div.WeixinBox h4{
	background-position: 3px -146px;
}
.SonlineBox .contentBox div.WeixinBox p{
	padding:0 10px 0 0;
}
.SonlineBox .contentBox div.WeixinBox p img{
	width: 90px;
}

.SonlineBox .contentBox div.OnlineBox h4{
	background-position: 3px -146px;
}
.SonlineBox .contentBox div.OnlineBox p{
	background: url(kefu.png) no-repeat;
    background-position: 3px -243px;
    line-height: 22px;
    height: 30px;
}
.SonlineBox .contentBox div.OnlineBox a{
	padding-left: 30px;
}
.SonlineBox .contentBox .closeTrigger{
	width:25px;
	height:25px;
	display:block;
	cursor:pointer; 
	position:absolute; 
	top:5px;
	right:5px;
	background: url(kefu.png) no-repeat;
    background-position: 4px -272px;
}
.gotop{
	width: 30px;
	height: 30px;
	position: fixed;
	right: 5px;
	bottom: 10px;
	z-index: 9999;
	cursor:pointer;
	background-image: url(kf1.png);
	background-repeat: no-repeat;
}
/**  通用  **/
img {
    max-width: 100%;
    height: auto;
    border: 0;
    vertical-align: middle;
}
a {
	color: #000;
	outline: none;
    text-decoration: none;
}
a:hover, a:focus {
	color: #39F;
	text-decoration: none;
}
ol, ul {
    list-style: none;
}
.n, em {
    font-weight: normal;
    font-style: normal;
}
.h10, .h30, .h60, .h90, .h120 {
    font-size: 0px;
    line-height: 0;
    overflow: hidden;
    clear: both;
}
.h10 { height: 10px; }
.h30 { height: 30px; }
.h60 { height: 60px; }
.h90 { height: 90px; }
.h120 { height: 80px; }

.fix::after, .fix::before {
    display: table;
    content: " ";
    clear: both;
}
.wp {
    width: 1100px;
    margin-right: auto;
    margin-left: auto;
}
/**  头部  **/
#header {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
	z-index: 999;
    background-color: #F6F6F6;
}
#hd {
	height: 82px;
	border-bottom: 1px solid #c6c6c6;
}
.logo {
	margin: 18px 0 0 0;
	float: left;
}
.logo img{
	width:260px;
}
.menu-toggle {
    display: none; /* 默认在PC端隐藏 */
}
/**  导航栏  **/
#nav {
    border-top: 1px solid #fff;
    width: 100%;
    height: 55px;
    background: url(sub_bg.png) repeat-x left bottom;
}
#nav .nv {
    float: left;
}
.nv li {
    float: left;
    padding: 12px 0 18px 0;
}
.nv li a.v1 {
    font-size: 15px;
    padding: 0 40px 0 0px;
    display: block;
}
.email {
    float: right;
    font-size: 16px;
    color: #89898A;
    margin: 10px 10px 0 0;
	width:190px;
}
.email img{
    width: 30px;
	padding-right:10px;
}
/**  banner  **/
#banner {
    clear: both;
    width: 100%;
    overflow: hidden;
}
#banner img {
    width: 100%;
    display: block;
}
/** 首页 **/
.index_package {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
}
.index_package .index_headTop {
	width: 100%;
	padding: 20px 0;
}
.index_package .index_headTop p {
	width: 860px;
    font-size: 16px;
	margin: 20px auto 0;
    line-height: 30px;
}
.index_about{
	width:1150px;
	margin: 50px auto 0;
	color:#666;
}
.index_about ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.index_about ul li{
	width:280px;
	float:none;
}
.index_about_more{
	height:auto;
	background-color: #f7f7f7;
    padding: 20px 0;
}
.index_about_more ul{
	width: 1100px;
	margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
}
.index_about_more ul li{
	width:50%;
	float:none;
	padding: 5px 30px;
	background: url(gou.png) no-repeat 0 center;
	background-size:12px 12px;
}
.index_about_more ul li a {
    color:#333333;
}
.index_about_more ul li a:hover {
    text-decoration: none;
	color:#39F;
}
.headTop {
	clear: both;
    width: 1100px;
	margin: 30px auto;
    background-image: url(linedian.jpg);
    background-repeat: repeat-x;
    background-position: center 30px;
}
.headTop h2 {
    width: 460px;
    line-height: 60px;
    font-size: 30px;
    color: #666;
    font-weight: normal;
    margin: 0 auto;
    text-align: center;
    background-color: #fff;
}
.headTop p {
    text-align: center;
    line-height: 1.8;
    padding: 10px 0;
}
/** project **/
.project {
	width: 1100px;
	height: 355px;
	margin: 0 auto 55px;
	border: 1px solid #e5e5e5;
	border-left: none;
	overflow: hidden;
}
.project li {
    width: 274px;
    float: left;
    height: 355px;
    border-left: 1px solid #e5e5e5;
}
.project li div {
    height: 175px;
    padding: 30px 25px;
}
.project li.bgVip3 { background: url(p_03.jpg) no-repeat 15px 160px; }
.project li.bgVip14 { background: url(p_04.jpg) no-repeat 15px 160px; }
.project li.bgVip15 { background: url(p_05.jpg) no-repeat 15px 160px; }
.project li.bgVip16 { background: url(p_06.jpg) no-repeat 15px 160px; }
.project li div h4 { font-size: 20px; color: #39F; }
.project li div p { line-height: 1.5; margin: 10px 0; }
/** 合作优势 **/
.index_server04{
	margin: 0 auto;
	height:400px;
	color:#666;
	background: url(yuanzebg.jpg) no-repeat center top;
	padding:30px 0;
}
.index_server04 ul{
	width: 1100px;
	margin: 0 auto;
}
.index_server04 ul li{
	float:left;
	margin:0 35px;
	width: 200px;
	height: 180px;
}
.index_server04 ul li div{
	width: 80px;
    text-align: center;
    margin: 30px auto 0;
}
.index_server04 ul li p{
	color: #ffffff;
	padding:20px;
    text-align: center;
}
.index_title04 {
	width: 1100px;
	margin: 1px auto;
}
.index_title04 h2 {
	width: 600px;
    line-height: 60px;
    font-size: 30px;
    color: #ffffff;
    font-weight: normal;
    text-align: left;
}
.index_title04 p {
	width: 600px;
	text-align: left;
	font-size: 15px;
	margin: 10px 0;
	line-height: 30px;
	color: #DEDEDE;
}
/** 合作客户 **/
.index_xMarquee{
	width: 1100px;
	margin: 0 auto;
	padding: 3px 0;
    display: flex;
    align-items: center;
}
.index_xMarquee_title{
	width: 100px;
	color: #333333;
	float: left;
	padding: 15px;
	text-align: left;
	font-size: 14px;
    flex-shrink: 0;
}
.xMarquee {
	float: right;
	height: 60px;
	line-height: 60px;
	width: 1000px;
	overflow: hidden;
    flex-grow: 1;
}
.xMarquee ol { list-style-type: none; margin: 0; padding: 0; width: 100000%; }
.xMarquee ol li { float:left; }
.xMarquee ol li span { float:left; padding:0 20px; }
/**  footer  **/
#footer {
    width: 100%;
}
#footer .footer-top{
	height: 250px;
	background-color: #F4F4F4;
    padding: 20px 0;
    margin-top:92px;
}
.footer-menu{
	padding:20px 0;
    display: flex;
    justify-content: space-between;
}
.footer-menu ul{
	text-align: left;
    float: left;
    width: 250px;
}
.footer-menu ul li{ line-height:26px; }
.footer-menu ul li.footer-menu-title{
	color: #191919;
    font-weight: 800;
    font-size: 16px;
    line-height: 60px;
}
.footer-menu ul li a{
	color: #2B2B2B;
    font-size: 14px;
}
.footer-menu ul li a:hover, .footer-menu ul li  a:focus { text-decoration: underline; }
.footer-cont{
	width: 350px;
	float: left;
}
.footer-cont h4{
	color: #191919;
    font-weight: 800;
    font-size: 16px;
    line-height: 60px;
	text-align:center;
}
.footer-cont p{
	color: #191919;
    line-height: 20px;
    font-size: 12px;
}
#footer .footer-bottom{
    background-color: #F4F4F4;
	border-top: 1px solid #ccc;
    line-height: 50px;
}
#footer .footer-center p{
	text-align: center;
	float:none;
}

/* --- 以下是您原始CSS文件中包含的所有其他样式 --- */
.logo-title { margin: 20px 0 0 0; float: left; }
.follow { margin: 12px 0 0 0; float: right; }
#banner .wrap { position: absolute; width: 100%; height: 100%; max-width: 100%; top: 60px; text-align: center; }
#banner .wrap .txt { color: #fff; }
#banner .wrap .txt h1 { font-size: 38px; line-height: 2; }
#banner .wrap .txt h3 { font-size: 20px; color: #FCFF37; font-weight: normal; }
#banner .wrap .txt .more-c { width: 130px; height: 34px; line-height: 34px; border: 1px solid #fff; display: inline-block; color: #fff; font-size: 14px; }
#banner-other { clear: both; position: relative; z-index: 10; max-height: 660px; width: 100%; overflow: hidden; /*top: 129px;*/ }
#banner-other .wrap { position: absolute; width: 100%; height: 100%; max-width: 100%; top: 60px; }
#banner-other .wrap .txt { margin: auto; color: #fff; width: 1100px; }
#banner-other .wrap .txt h1 { font-size: 34px; line-height: 2; }
#banner-other .wrap .txt h3 { font-size: 16px; width: 600px; color: #FFFFFF; font-weight: normal; line-height: 30px; }
.index_package .index_headTop h2 { width: 460px; line-height: 60px; font-size: 30px; color: #6290C4; font-weight: normal; margin: 0 auto; text-align: center; background-color: #fff; }
.index_package .index_headTop p span { color: #F00; font-size: 16px; }
.index_package .index_headTop p a { color: #ff7e00; font-size: 14px; }
.index_server01{ width: 1100px; margin: 0 auto; overflow: hidden; }
.index_server01_t01{ height:300px; background-image: url(server01.jpg); background-repeat: no-repeat; background-position: right center; }
.index_server01_ttt01{ height:300px; background-image: url(server02.jpg); background-repeat: no-repeat; background-position: right center; }
.index_server01_ttt871{ height:300px; background-image: url(server871.jpg); background-repeat: no-repeat; background-position: right center; }
.index_server01_ttt071{ height:300px; background-image: url(server71.jpg); background-repeat: no-repeat; background-position: left center; }
.index_server01_ttt02{ height:300px; background-image: url(server03.jpg); background-repeat: no-repeat; background-position: right center; }
.index_server01_t02{ height:400px; background: url(zixun.png) no-repeat center right; }
.index_server01_t03{ height:320px; background-image: url(itc2.jpg); background-repeat: no-repeat; background-position: left center; }
.index_server01_t033{ height:320px; background-image: url(itc1.jpg); background-repeat: no-repeat; background-position: left center; }
.index_server01_t04{ height:270px; background: url(zhanlue.png) no-repeat center right; }
.index_server01_t05{ height:700px; background-image: url(youshi.jpg); background-repeat: no-repeat; background-position: left center; }
.index_server01_right div{ float:right; }
.index_server01_right ul{ float:right; }
.index_server01_left div{ float:left; }
.index_server01_left ul{ float:left; }
.index_server01 ul{ margin: 0 auto; line-height: 32px; height: 150px; padding-left: 10px; }
.index_server01 ul li{ width:550px; padding-left: 30px; background: url(gou.png) no-repeat 0 center; background-size:8px 8px; }
.index_server01 ul li a{ color:#333333; }
.index_server01 ul li a:hover{ text-decoration: none; color:#39F; }
.index_title01 { width: 50%; margin: 10px 0; }
.index_title01 h2 { line-height: 40px; font-size: 30px; color: #333; font-weight: normal; margin: 0 auto; text-align: left; background-color: #fff; }
.index_title01 p { color: #333; text-align: left; font-size: 15px; margin: 20px auto; line-height: 30px; }
.index_title01 p span { color: #333; font-size: 16px; }
.index_title0x { width: 50%; margin: 10px 0; }
.index_title0x h2 { line-height: 40px; font-size: 30px; color: #333; font-weight: normal; margin: 0 auto; text-align: right; background-color: #fff; }
.index_title0x p { color: #333; text-align: right; font-size: 15px; margin: 20px auto; line-height: 30px; }
.index_title0x p span { color: #333; font-size: 16px; }
.index_server02{ margin: 0 auto; color:#666; }
.index_server02 ul{ width: 1100px; margin: 0 auto; line-height: 32px; height: 214px; }
.index_server02 ul li{ float:left; margin:0 15px; border: 3px solid #524f56; width: 245px; height: 210px; }
.index_server02 ul li a{ color:#666666; }
.index_server02 ul li a:hover{ text-decoration: underline; }
.index_server02 ul li div{ width: 80px; text-align: center; margin: -30px 15px 0; background-color: #ffffff; }
.index_server02 ul li h4{ color: #ffffff; padding:20px 15px 5px; font-size: 18px; }
.index_server02 ul li p{ color: #9C9B9B; padding:15px; }
.index_title02 { width: 100%; margin: 30px 0 60px; }
.index_title02 h2 { width: 600px; line-height: 60px; font-size: 30px; color: #FFFFFF; font-weight: normal; margin: 0 auto; text-align: center; padding-left: 30px; background: url(weixiu.png) no-repeat 0 center; }
.index_title02 p { width: 860px; text-align: left; font-size: 16px; margin: 30px auto; line-height: 30px; color: #666666; }
.index_title02 p span { color: #FF7E00; font-size: 16px; }
.index_server03{ margin: 0 auto; height:600px; color:#666; background-color: #f1f1f1; padding:30px 0; }
.index_server03 ul{ width: 1100px; margin: 0 auto; line-height: 32px; height: 214px; }
.index_server03 ul li{ float:left; margin:0 15px; width: 245px; height: 210px; }
.index_server03 ul li a{ color:#9C9B9B; }
.index_server03 ul li a:hover{ text-decoration: underline; color:#FF7E00; }
.index_server03 ul li div{ width: 100px; height: 100px; text-align: center; background-color:#3f3d42; border-radius:50%; border: 8px solid #F1F1F1; -webkit-box-shadow:0 0 10px #D8D8D8; -moz-box-shadow:0 0 10px #D8D8D8; box-shadow:0 0 10px #D8D8D8; margin: 0 auto; }
.index_server03 ul li div img{ width: 40px; height: 40px; margin-top: 22px; }
.index_server03 ul li h4{ color: #3f3d42; padding:20px 15px 15px; text-align:center; font-size: 22px; }
.index_server03 ul li p{ color: #9C9B9B; line-height: 25px; text-align: center; }
.index_title03 { width: 100%; margin: 30px 0 60px; }
.index_title03 h2 { width: 600px; line-height: 60px; font-size: 30px; color: #6290C4; font-weight: normal; margin: 0 auto; text-align: center; padding-top: 60px; background: url(internet.png) no-repeat center top; }
.index_title03 p { width: 860px; text-align: center; font-size: 16px; margin: 30px auto; line-height: 30px; color: #a9a9a9; }
.index_server94{ margin: 0 auto; height:400px; color:#000; background: url(yuanzebg1.jpg) no-repeat center top; padding:30px 0; }
.index_server94 ul{ width: 1100px; margin: 0 auto; line-height: 32px; height: 214px; }
.index_server94 ul li{ float:left; margin:0 35px; width: 200px; height: 180px; }
.index_server94 ul li div{ width: 80px; text-align: center; margin: 30px auto 0; }
.index_server94 ul li p{ color: #000; padding:20px; text-align: center; }
.index_title94 { width: 1100px; margin: 1px auto; }
.index_title94 h2 { width: 600px; line-height: 60px; font-size: 30px; color: #000; font-weight: normal; text-align: left; }
.index_title94 p { width: 600px; text-align: left; font-size: 15px; margin: 10px 0; line-height: 30px; color: #000; }
.index_server05{ width: 1100px; margin: 0 auto; height:380px; background: url(shouyibg.png) no-repeat center right; }
.index_server05 ul{ margin: 130px 0 0; line-height: 32px; float:right; width: 50%; }
.index_server05 ul li{ width: 350px; float: right; color:#75554a; font-size: 15px; }
.index_server05 ul li a{ color:#FF7E00; }
.index_server05 ul li a:hover{ text-decoration: underline; color:#FF7E00; }
.index_server05 ul li:nth-child(1) p{ padding-left:25px; }
.index_server05 ul li:nth-child(2) p{ padding-left:20px; }
.index_server05 ul li:nth-child(3) p{ padding-left:15px; }
.index_server05 ul li:nth-child(4) p{ padding-left:10px; }
.index_server05 ul li:nth-child(5) p{ text-align:right; margin: 45px 60px 0 0; color:#ffaa35; font-size: 18px; }
.index_title05 { width: 50%; margin: 10px 0; float:left; }
.index_title05 h2 { line-height: 40px; font-size: 30px; color: #6290C4; font-weight: normal; margin: 0 auto; text-align: left; background-color: #fff; }
.index_title05 p { color: #A6A6A7; text-align: left; font-size: 15px; margin: 60px auto 0; line-height: 30px; }
.index_news{ width: 1100px; margin: 0 auto; }
.index_news>.nav-tabs01{ float: left; width: 15%; }
.index_news>.nav-tabs01>li{ float: none; line-height:61px; }
.index_news>.nav-tabs01 a{ padding: 0 15px; background: url(newsbg.png) no-repeat center right; width:167px; height:61px; cursor: pointer; }
.index_news>.nav-tabs01 .active>a, .index_news>.nav-tabs01 .active>a:hover, .index_news>.nav-tabs01 .active>a:focus { background: url(newscurr.png) no-repeat center right; color: #333; }
.tab-content{ float: right; width: 100%; }
.tab-content>.tab-pane{ padding:0 20px; }
.tab-content>.tab-pane a{ color:#333; }
.tab-content>.tab-pane a:hover{ text-decoration: none; color:#F00; }
.tab-content>.tab-pane span{ float: right; color: #aaa; }
.index_news_title{ margin: 5px 0 10px; }
.index_news_title h2{ font-size: 18px; }
.index_news_title p{ padding: 10px 0; color: #AAAAAA; height: 60px; }
.tab-content>.tab-pane ul li{ line-height: 30px; background: url(a.gif) no-repeat 0 center; background-size:5px 5px; }
.tab-content>.tab-pane ul li p{ padding-left: 15px; }
.package { position: relative;width: 1200px; overflow: hidden; margin: 0 auto; /*top: 129px;*/  }
.p_full { width: 100%; }
.package .pk_title { width: 1100px; display: block; clear: both; margin: 30px 0; color: #2471C6; float: left; border-bottom: 1px solid #c6c6c6; padding-bottom:10px; }
.package .pk_title span { font-size: 36px; color: #2471C6; float: left; padding-right: 10px; }
.pk_cont { width: 1100px; margin: 0 auto; padding: 70px 0 20px; }
.pk_cont .pk_c1 { width: 1100px; height: 60px; }
.pk_cont .pk_c1 a { width: 157px; height: 60px; float: left; cursor: pointer; }
.pk_cont .pk_c1 a strong { width: 157px; height: 50px; display: block; text-align: center; line-height: 50px; font-size: 16px; color: #888888; text-decoration: none; background-color: #F1F1F1; font-weight: normal; }
.pk_cont .pk_c1 a.active{ background-image: url(pro.jpg); background-repeat: no-repeat; background-position: center 0; }
.pk_cont .pk_c1 a.active strong{ border-bottom: none; color: #fff; background: none; font-weight: normal; }
.pk_cont_m{ width: 1100px; overflow: hidden; }
.pk_cont_m .pk_c2{ padding-bottom: 26px; font-size: 13px; }
.pk_cont_m .pk_c2 p{ text-align: left; line-height: 30px; }
.pk_left { width: 266px; overflow: hidden; float: left; }
.p_contect h6 { display: block; height: 45px; line-height: 45px; font-size: 19px; font-weight: normal; background-color: #CCCCCC; color: #fff; padding: 0 0 0 14px; text-decoration: none; border-left: 3px solid #F29F00; }
.p_contect span { overflow: hidden; font-size: 12px; padding-left:5px; }
.p_contect ul { background-color: #F9F9F9; padding: 10px 20px; }
.p_contect ul li{ line-height:30px; }
.p_lc{ margin-top:10px; }
.p_lc h6 { display: block; height: 45px; line-height: 45px; font-size: 19px; font-weight: normal; background-color: #CCCCCC; color: #fff; padding: 0 0 0 14px; text-decoration: none; border-left: 3px solid #F29F00; }
.p_lc span { overflow: hidden; font-size: 12px; padding-left:5px; }
.p_lc ul { background-color: #F9F9F9; padding: 20px 20px; }
.p_lc ul li{ text-align:center; line-height:16px; }
.p_lc ul li img{ height: 20px; }
.p_cr{ margin-top:10px; }
.p_cr h6 { display: block; height: 45px; line-height: 45px; font-size: 19px; font-weight: normal; background-color: #CCCCCC; color: #fff; padding: 0 0 0 14px; text-decoration: none; border-left: 3px solid #F29F00; }
.p_cr span { overflow: hidden; font-size: 12px; padding-left:5px; }
.p_cr ul { background-color: #F9F9F9; padding: 10px 20px; }
.p_cr ul li{ text-align:left; line-height:32px; }
.pk_xz{ width: 100%; height: auto; overflow: hidden; margin: 20px 0; }
.pk_xz div{ height:30px; color:#333; line-height:30px; border-left:3px solid red; text-indent:20px; font-size:16px; font-weight:bold; }
.pk_xz p{ line-height: 20px; padding: 8px 20px; text-align: left; font-size: 14px; font-weight: normal; color: #666; }
.pk_right { float: right; width: 803px; overflow: hidden; }
.pk_right .p_list { width: 1065px; overflow: hidden; }
.pk_con { width: 1100px; overflow: hidden; }
.pk_con .p_list { width: 100%; overflow: hidden; }
.p_list a.p_list_view{ color: #0064af; text-decoration: underline; }
.p_list a.p_list_view:hover { text-decoration: underline; color: #f29f00; }
.p_list div { float: left; width: 257px; margin: 0 24px 26px 0; }
.p_list div h6 a { display: block; height: 35px; line-height: 35px; font-size: 19px; font-weight: normal; background-color: #436D95; color: #fff; padding: 0 0 0 14px; text-decoration: none; }
.p_list div span { width: 257px; height: 74px; display: block; overflow: hidden; }
.p_list div ul { background-color: #f2f2f2; padding: 9px 0; }
.p_list div ul li { font-size: 12px; line-height: 17px; background: url(plus.gif) no-repeat left 5px; padding: 0 0 0 11px; margin: 5px 10px 5px 13px; }
.p_list div ul li a { text-decoration: none; }
.p_list div strong { display: block; padding: 14px 12px 16px 12px; padding-bottom: 10px\9; font-size: 15px; background-color: #f7f7f7; color: #f29f00; font-weight: normal; }
.p_list_a { width: 1100px; overflow: hidden; }
.p_list_a div { float: left; width: 257px; margin: 0 24px 26px 0; }
.p_list_a div h6 a { display: block; text-align: center; height: 35px; line-height: 35px; font-size: 19px; font-weight: normal; background-color: #6e91c1; color: #FFF; padding: 0 0 0 0; text-decoration: none; }
.p_list_a div ul { padding: 9px 0; }
.p_list_a div ul li { font-size: 12px; line-height: 17px; background: url(plus.gif) no-repeat left 5px; padding: 0 0 0 11px; margin: 5px 10px 5px 13px; }
.p_list_a div ul li a { text-decoration: none; }
.package ul.case { width: 1100px; }
.package ul.case li { float: left; margin: 0 15px 15px 0; border: 1px solid #e0e0e0; padding: 3px; display: block; font-size: 14px; _width: 189px; }
.package ul.case li span { display: block; height: 38px; line-height: 38px; clear: both; padding: 0 10px; background-color: #F2F2F2; color: #676767; }
.package ul.case li a span{ display: block; height: 38px; line-height: 38px; clear: both; padding: 0 10px; background-color: #676767; color: #ffffff; }
.package .req_c { padding: 55px 0; display: block; clear: both; _width: 680px; overflow: hidden; }
.package .req_c_l{ float:left; width: 300px; }
.package .req_c_r{ float: right; width: 800px; padding: 0 20px; }
.package .req_c h3 { font-size: 24px; font-weight: normal; color: #0064af; line-height: 140%; margin: 0 0 14px 0; }
.package .req_c .dl_list span { display: inline-block; padding: 3px 12px; margin: 0 15px 9px 0; background-color: #dee9f4; border: 1px solid #b2cae2; }
.package .req_c ul { width: 900px; }
.package .req_c ul li { float: left; margin: 20px 55px 0 0; }
.server_r{ width: 1100px; margin: 0 auto; height:300px; padding-top: 10px; background: url(server-bj.jpg) no-repeat center right; }
.server_r1{ background: url(server-bj1.jpg) no-repeat center right; }
.server_r1{ background: url(server-bj3.jpg) no-repeat center right; }
.server_r ul{ margin: 0 auto; line-height: 32px; padding-left: 10px; }
.server_r ul li{ width:550px; }
.server_r ul li p{ color: #A6A6A7; font-size:15px; padding-left:10px; }
.server_r ul li a{ color:#333333; font-size:16px; font-weight:bold; }
.server_r ul li a:hover{ text-decoration: none; color:#FF7E00; }
.server_r_title { width: 50%; margin: 10px 0; }
.server_r_title h2 { line-height: 40px; font-size: 30px; color: #6290C4; font-weight: normal; margin: 0 auto; text-align: left; background-color: #fff; }
.server_disk{ width: 1100px; margin: 0 auto; height:300px; padding-top: 10px; }
.server_disk li{ width: 50%; float:left; padding:10px; }
.server_disk ul li a{ color:#333333; font-size:16px; font-weight:bold; }
.server_disk ul li p{ color: #A6A6A7; font-size:15px; padding:10px; }
.server_news{ width:1100px; margin: 20px auto 0; color:#666; }
.server_news ul li{ width:340px; height:250px; float:left; }
.server_news ul li+li{ margin-left:40px; }
.server_news div { float: left; width: 100%; margin: 0 16px 18px 0; }
.server_news div h6 a { display: block; height: 35px; line-height: 35px; font-size: 19px; font-weight: normal; background-color: #3f3d42; color: #fff; padding: 0 0 0 14px; text-decoration: none; }
.server_news div dl { background-color: #f2f2f2; padding: 9px 0; }
.server_news div dl dd { font-size: 12px; line-height: 25px; background: url(plus.gif) no-repeat left 9px; padding: 0 0 0 11px; margin: 5px 10px 5px 13px; }
.server_news div dl dd a { text-decoration: none; }
.server_process{ margin: 0 auto; height:500px; color:#666; padding:30px 0; background: #f1f1f1 url(process.png) no-repeat center 160px; }
.server_process ul{ width: 1100px; margin: 160px auto 0; line-height: 32px; height: 214px; }
.server_process ul li{ float:left; margin:0 15px; width: 245px; height: 210px; }
.server_process ul li div img{ width: 40px; height: 40px; margin-top: 22px; }
.server_process ul li h4{ color: #3f3d42; padding:20px 15px 15px; text-align:center; font-size: 22px; }
.server_process ul li p{ color: #9C9B9B; line-height: 25px; text-align: center; }
.server_other{ width:1100px; margin: 20px auto 0; color:#666; }
.server_other ul li{ width:340px; height:240px; float:left; }
.server_other ul li+li{ margin-left:40px; }
.server_other div { width:340px; height:240px; background-color: #F2F2F2; }
.server_other div h6 a { display: block; height: 35px; line-height: 35px; font-size: 19px; font-weight: normal; background-color: #3f3d42; color: #fff; padding: 0 0 0 14px; text-decoration: none; }
.server_other div dl { padding: 9px 0; }
.server_other div dl dd { font-size: 13px; line-height: 25px; background: url(plus.gif) no-repeat left 10px; padding: 0 0 0 11px; margin: 5px 10px 5px 13px; }
.server_other div dl dd a { text-decoration: none; }
.server_other div p { font-size: 14px; padding: 25px 0 0 0; line-height: 25px; text-align:center; }
.server_other div p input[type="text"] { padding:2px; width:210px; }
.server_other div p input[type="submit"] { padding:2px; width:100px; }
.server_title { width: 100%; margin: 30px auto; }
.server_title h2 { width: 600px; line-height: 60px; font-size: 30px; color: #3F3D42; font-weight: 800; margin: 0 auto; text-align: center; }
.server_title p { width: 860px; text-align: left; font-size: 16px; margin: 0 auto; line-height: 30px; padding-top: 20px; }
.server_title p span { color: #FF7E00; font-size: 16px; }
.bottom-link{ position: relative; top: 129px; border-top: 1px dotted #c6c6c6; padding:10px; }
.bottom-link li{ float:left; padding-right:10px; }
.headTop_p { text-align: center; line-height: 55px; }
.headTop p.headTop_p2 { color: #A6A6A7; text-align: left; font-size: 15px; margin: 20px auto; line-height: 30px; text-indent: 2em; }
.headTop_p a { padding: 0 40px; color: #ff7e00; font-size: 16px; }
.headTopTj { width: 1100px; padding-bottom: 46px; text-align: center; }
.headTop2 { width: 1100px; margin: 30px auto; overflow: hidden; }
.headTop2 h3 { text-align: center; }
.headTop2 h2 { width: 460px; line-height: 60px; font-size: 30px; color: #666; font-weight: normal; margin: 0 auto; text-align: center; }
.headTop2 p { text-align: center; line-height: 55px; }
.headTop2 p a { padding: 0 50px; color: #ff7e00; font-size: 16px; }
.headTop3 { width: 1100px; margin: 50px auto; background-image: url(linedian.jpg); background-repeat: repeat-x; background-position: center 30px; }
.headTop3 h2 { width: 460px; line-height: 60px; font-size: 30px; color: #666; font-weight: normal; margin: 0 auto; text-align: center; background-color: #fff; }
.headTop3 p { text-align: center; line-height: 25px; width: 700px; margin: 0 auto; }
.headTop3 p a { color: #F30; font-size: 14px; }
.AboutheadTop { width: 1100px; margin: 60px auto; }
.AboutheadTop h2 { width: 460px; line-height: 60px; font-size: 36px; color: #333; font-weight: normal; margin: 0 auto; text-align: center; background-color: #fff; }
.AboutheadTop p{ text-align: left; text-indent: 28px; margin: 20px auto 60px; padding:0 30px; width: 800px; line-height: 25px; }
.AboutheadTop p a { background-color:#ff7e00; margin:0 10px; padding: 15px 40px; color: #FFF; font-size: 18px; }
.About_about{ width:1300px; height:200px; margin: 50px auto 0; color:#666; }
.About_about ul li{ width:250px; height:150px; float:left; margin:0 10px; }
.About_about ul li p{ text-align: center; line-height:35px; color:#333; }
.About_about ul li img{ width:250px; height:150px; }
.About_01{ width:100%; height:400px; background:#f5f5f5 url(s.png) no-repeat 50px center; }
.About_01 .About_right{ padding:60px 40px 0 0; width:560px; float:right; }
.About_01 .About_right h2{ color: #333; font-size: 28px; }
.About_01 .About_right p{ padding:30px 0; line-height:35px; font-size:15px; }
.About_01 .About_right p b{ font-size:16px; color: #FF7E00; }
.type { width: 100%; overflow: hidden; }
.type li { width: 550px; float: left; padding-left: 50px; margin: 30px 0; }
.type li h3 { font-size: 24px; color: #39F; border-left: 5px solid #39F; margin-bottom: 20px; text-indent: 20px; }
.type li p { line-height: 2; color: #8a8a8a; }
.type li p span{ color: #000000; font-size: 16px; font-weight: bold; }
.type .typelink{ padding-left:10px; color: #FF7E00; font-size: 15px; }
.twofloor-img { text-align: center; margin-top: 60px; }
.twofloor-img img { width: 85%; }
.twofloor-con { padding: 15px 0; }
.twofloor-con li { float: left; width: 275px; }
.twofloor-con li h3 { font-size: 20px; color: #333; text-align: center; margin-bottom: 35px; }
.twofloor-con li p { font-size: 14px; color: #999; line-height: 22px; padding:0 15px; }
.trusteeship_top { margin-top: 30px; }
.trusteeship_top h3 { text-align: center; font-size: 34px; color: #414040; }
.trusteeship_top h4 { text-align: center; font-size: 16px; color: #ff6804; margin: 20px 0; }
.trusteeship_top h5 { text-align: center; font-size: 16px; color: #ff6804; color: #434343; margin: 20px 0; }
.trusteeship_top p { font-size: 14px; line-height: 30px; padding: 0 30px; color: #8a8a8a; }
.advantage { margin-top: 60px; height:200px; }
.advantage_cont { width: 366px; float: left; margin-bottom: 40px; color: #4d4d4d; }
.advantage_cont img { float: left; margin: 0 20px; }
.advantage_cont h3 { font-size: 22px; line-height: 60px; }
.cur { overflow: hidden; background: #fafafa; height: 45px; line-height: 45px; }
.side-col { width: 245px; float: left; overflow: hidden; }
.snav-dl { margin-bottom: 10px; overflow: hidden; }
.snav-dl dt { margin: 0 0px 15px; line-height: 2.5; font-size: 18px; color: #333; border-bottom: 1px solid #dfdfdf; }
.snav-dl dd { margin-bottom: 10px; }
.snav-dl dd.on a.v1 { border-left: 3px solid #ff4a00; }
.snav-dl dd a.v1 { -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s; background: #f3f3f3; padding-left: 25px; font-size: 16px; }
.snav-dl dd a { display: block; height: 43px; line-height: 43px; }
.s-t1 { height: 43px; line-height: 43px; padding-left: 25px; font-size: 14px; color: #333; border-left: 3px solid #ff4a00; background: #f3f3f3; }
.s-txt-list1 { padding: 10px 0px 20px 20px; font-size: 14px; }
.s-txt-list1 li { padding-left: 15px; height: 2em; width: 220px; line-height: 2; background: url(a1.png) no-repeat left center; }
.online-tel { height: 40px; line-height: 40px; color: #fff; margin: 10px auto 20px; }
.online-tel { padding-left: 40px; font-size: 28px; background: #4fa6e7 url(tel2.png) no-repeat 15px center; }
.online-tel a { color: #fff; }
.main-col { padding-left: 265px; background: url(bgs3.gif) repeat-y left top; }
.s-new-ul { padding: 10px 20px; }
.s-new-ul li { overflow: hidden; border-bottom: 1px solid #efefef; padding: 20px 10px 0px; }
.s-new-ul li .txt { font-family: 'arial'; line-height: 2; }
.s-new-ul li .datetime { float: right; color: #999; line-height: 18px; }
.s-new-ul li h3 { font-weight: normal; height: 18px; line-height: 1; margin-bottom: 10px; overflow: hidden; white-space: nowrap; word-wrap: normal; text-overflow: ellipsis; font-size: 18px; font-family: "微软雅黑","Microsoft Yahei"; }
.s-new-ul li h3 a { color: #333; }
.s-new-ul li p { height: 5em; overflow: hidden; font-family: "微软雅黑","Microsoft Yahei"; color: #A7A7A7; }
.s-new-ul li a { color: #dc8d00; }
.s-page-nav { text-align: center; margin: 20px 0; overflow: hidden; }
.chapter { font-size: 14px; overflow: hidden; }
.chapter h1 { padding: 25px 0; font-size: 32px; font-weight: normal; text-align: center; color: #333; }
.chapter h2 { padding: 25px 0 25px 20px; font-size: 24px; font-weight: bold; text-align: left; color: #333; }
.chapter .info { text-align: center; color: #444; margin-bottom: 10px; }
.chapter .info * { display: inline-block; margin: 0 30px; }
.chapter .content { padding: 15px 30px; overflow: hidden; margin-bottom: 20px; border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; line-height:30px; }
.chapter .Dcontent { padding: 15px 30px; overflow: hidden; border-top: 1px dotted #ddd; }
.chapter .Dcontent p{ font-size:15px; line-height:35px; padding:20px 0; border-bottom: 1px dotted #ddd; }
.chapter .Dcontent p.tdt { text-indent: 2em; }
.chapter .Dcontent p.zd { font-size:16px; font-weight:bold; color: #999; }
.chapter .Dcontent p.zd2 { font-size:18px; font-weight:bold; color: #436D95; border-bottom: 0px solid #e8e8e8; }
.chapter .Dcontent .talk { margin-top: -6px; }
.chapter .Dcontent p strong{ font-size:18px; color: #436D95; }
.chapter .Dcontent p b{ font-size:15px; color: #FF7E00; }
.chapter .Dcontent p:last-child{ border-bottom: 0px solid #e8e8e8; }
.chapter-mark { line-height:30px; padding: 0 10px 10px; }
.info_pn{ padding: 0 20px 20px 20px; width: 100%; float: left; }
.info_pn .pre{ width: 50%; float: left; text-align: center; }
.info_pn .next{ width: 50%; float: right; text-align: center; }
.breadcrumb { margin-bottom: 20px; margin-top: 10px; list-style: none; padding: 0 0 0 30px; background: url(nav1.png) no-repeat; }
.breadcrumb>li { display: inline-block; }
.breadcrumb>li+li:before { padding: 0 5px; color: #ccc; content:"\003e"; }
.breadcrumb>.active { color: #777; }
.topNav { width: 1100px; margin: 0 auto; padding: 70px 0 20px; }
.topNav ul { width: 1100px; height: 60px; }
.topNav ul li { width: 183.333px; height: 60px; float: left; cursor: pointer; }
.topNav ul li.active { background-image: url(pro.jpg); background-repeat: no-repeat; background-position: center 0; }
.topNav ul li a:hover { color: #f60; }
.topNav ul li a { width: 183.333px; height: 50px; display: block; text-align: center; line-height: 50px; font-size: 16px; color: #888888; text-decoration: none; background-color: #F1F1F1; }
.topNav ul li.active a { border-bottom: none; color: #fff; background: none; }
.vipCard { height: 270px; width: 1100px; background: #f6f6f6; border-radius: 5px; padding: 40px; }
.vipCard p a { padding: 7px 40px; margin: 0px 10px; background: #ff7e00; font-size: 16px; color: #fff; text-decoration: none; border-radius: 5px; }
.vipCard .vipLeft { width: 600px; height: 270px; float: left; }
.vipCard .vipLeft h4 { font-size: 20px; color: #1e1e1e; border-left: 8px solid #ff7e00; text-indent: 20px; }
.vipCard .vipLeft p { line-height: 2; margin: 20px 0; color: #8a8a8a; }
.vipCard .vipRight { width: 420px; height: 270px; float: right; text-align: center; }
.vipCard .vipRight img { margin: 0 auto 20px; }
.vipCardB { color: #8a8a8a; float: left; width: 100%; }
.vipCardB_div{ padding: 20px 20px; float: left; width: 33.33%; }
.vipCardB_div p.vipCardB_p1{ height: 30px; color: #333; line-height: 30px; border-left: 3px solid red; text-indent: 20px; font-size: 16px; font-weight: bold; }
.vipCardB_div p.vipCardB_p2{ line-height: 22px; margin: 8px 20px; text-align: left; font-size: 14px; font-weight: normal; color: #666; min-height: 66px; max-height: 165px; }
.vipCardB_div p.vipCardB_p3{ line-height: 22px; padding: 8px 20px; text-align: left; font-size: 14px; font-weight: normal; color: #FF7E00; }
.vipCardB_div img{ width: 100%; padding-bottom: 30px; }
.vipMore { width: 1100px; height: 342px; margin: 50px 0; overflow: hidden; }
.vipMore ol { width: 1100px; height: 342px; overflow: hidden; }
.vipMore ol li { width: 256px; height: 340px; float: left; margin-right: 25px; border: 1px solid #e5e5e5; border-radius: 8px 8px 0 0; }
.vipMore ol li:hover{ background:#fffaf4; }
.vipMore ol li:last-child { margin-right: 0px; }
.vipMore ol li div { height: 280px; width: 100%; padding-top: 45px; }
.vipMore ol li div h3 { color: #393939; font-size: 18px; text-align: center; line-height: 3.5; }
.vipMore ol li div p { padding: 0 20px; line-height: 2; color: #8a8a8a; }
.vipMore ol li p.moreA { height: 60px; width: 100%; background: #ff7e00; }
.vipMore ol li p.moreA a { display: block; text-align: center; line-height: 60px; color: #fff; font-size: 18px; }
.vipMore ol li div span { width: 66px; height: 66px; margin: 0 auto; display: block; background-image: url(icon5.png); background-repeat: no-repeat; }
.vipMore ol li.vipBg1 div span { background-position: 0 0; }
.vipMore ol li.vipBg2 div span { background-position: 0 -89px; }
.vipMore ol li.vipBg3 div span { background-position: 0 -173px; }
.vipMore ol li.vipLast div span { background-position: 0 -255px; }
.w_our_server { flex-wrap: wrap; justify-content: space-between; display: flex!important; width:1100px; margin: 60px auto; }
.our_server { width: 20%; height: 295px; text-align: center; margin: 0 2.5% 30px; display: block; }
.our_server .server_icon { height: auto; position: relative; display: inline-block; font-size: 0; width: 114px; margin-bottom: 40px; }
.our_server .server_icon>* { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }
.our_server .server_icon::after { content: ""; display: block; padding-top: 100%; }
.our_server .server_info .info_title { font-size: 1.8rem; color: #333; font-weight: 400; }
.our_server .server_info p { color: #999; text-align: left; line-height: 1.5; margin-top: 9px; margin-bottom: 9px; }
.full_back_gray{ width: 100%; margin: 0 auto; display: block; clear: both; padding: 0 0 10px 0; line-height: 160%; background: #f5f5f5 url(wrap_shadow_bottom.png) no-repeat center bottom; }
.soft_service_process { display: block; width: 1100px; margin: 0 auto; clear: both; background: url(wrap_shadow_top.png) no-repeat center top; padding: 25px 0 50px 0; }
.s_advantage{ width: 1100px; margin: 90px auto 30px; position: relative; }
.s_advantage ul { margin-top: 50px; overflow: hidden; }
.s_advantage li { width: 240px; float: left; line-height: 1.5; margin: 0 240px 50px 0; }
.s_advantage li.nth { float: right; margin-right: 0; }
.s_advantage li h1 { font-weight: 400; font-size: 17px; color: #000; text-align: center; margin-bottom: 15px; padding-top: 55px; }
.s_advantage li h1.i1 { background: url(advantage_01.png) no-repeat top center; }
.s_advantage li h1.i2 { background: url(advantage_02.png) no-repeat top center; }
.s_advantage li h1.i3 { background: url(advantage_03.png) no-repeat top center; }
.s_advantage li h1.i4 { background: url(advantage_04.png) no-repeat top center; }
.s_advantage img { position: absolute; left: 340px; top: 30px; }
.s_advantage p { font-size: 13px; color: #666; text-align: center; }
.index_case_inner{ display: flex; margin-right: -20px; flex-wrap: wrap; margin-top:60px; margin-bottom:30px; }
.index_case_inner .zy_index_case { overflow: hidden; width: 16.66666667%; font-size: 0; height: auto; position: relative; }
.index_case_inner>* { display: inline-block; float: left\9; }
.index_case_inner .zy_index_case p { z-index: 10; position: absolute; bottom: 0; left: 0; text-align: center; width: 100%; height: 90px; line-height: 90px; margin: 0; font-size: 2.6rem; color: #fff; opacity: .8; transition: opacity .2s; }
.index_case_inner .zy_index_case:hover p { opacity: 1; }
.index_case_inner .zy_index_case .zy_index_case_img { cursor: pointer; width: 100%; height: auto; position: relative; display: inline-block; font-size: 0; }
.index_case_inner .zy_index_case:not(:hover) .zy_index_case_img img { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; }
.index_case_inner .zy_index_case .zy_index_case_img img { width: 100%; max-width: 100%; transition: all .5s; transition-timing-function: cubic-bezier(.52,1.64,.37,.66); }
.index_case_inner .zy_index_case .zy_index_case_img>* { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }
.index_case_inner .zy_index_case .zy_index_case_img::after { content: ""; display: block; padding-top: 100%; }
.index_case_inner .zy_index_case:after { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url(pic_scene_cover.png); background-size: cover; }
.web_service { margin: 0; padding: 0; }
.web_service:after, .web_service:before { display: table; content: ' '; }
.web_service li { margin: 0; width: 460px; height: 180px; }
.fl { float: left; }
.fr { float: right; }
.web_service li img { display: block; width: 85px; float: left; }
.web_service p { width: 360px; float: right; margin: 0; text-align: left; font-size: 16px; line-height: 1.5; color: #999; }
.web_service p b { display: block; font-size: 16px; color: #333; font-weight: 400; margin-bottom: 18px; }
.web_service p span { font-weight: 400; display: block; font-size: .875rem; color: #999; text-align: justify; line-height: 20px; }
.devi_major{ width:1100px; height:471px; }
.devi_major ul{ width:1100px; height:430px; }
.devi_major ul li{ width:50%; height:430px; }
.devi_major ul li.devileft{ float:left; }
.devi_major ul li.deviright{ float:right; }
.devi_major ul li dl{ height:215px; padding-left:100px; padding-right:30px; }
.devi_major ul li dl.devitab1{ background:url(tds_03.png) no-repeat left 25px; }
.devi_major ul li dl.devitab2{ background:url(tds_10.png) no-repeat left 25px; }
.devi_major ul li dl.devitab3{ background:url(tds_06.png) no-repeat left 25px; }
.devi_major ul li dl.devitab4{ background:url(tds_12.png) no-repeat left 25px; }
.devi_major ul li dl dt{ height:74px; line-height:74px; font-size:18px; color:#ff7e00; }
.devi_major ul li dl dd{ height:auto; line-height:2; font-size:14px; color:#525252; }
.tiny{ height:auto; margin: 20px auto 100px; }
.tiny .tinyTitle h3{ font-size:18px; line-height:40px; font-weight:bold; color: #3e3e3e; }
.tiny .tinyTitle p{ color:#999; text-indent: 30px; line-height: 60px; }
.tiny .nav{ width:1100px; height:55px; margin:20px 0 0 0; overflow:hidden; }
.tiny .nav li{ width:175px; height:55px; float:left; text-align:center; padding:2px 0 0 0; cursor:pointer; }
.tiny .nav li.active{ border-top:3px solid #00aaff; color:#00aaff; background:#eee; border-bottom:none; }
.tiny .nav li div{ font-size:16px; line-height:51px; text-align:center; color:#3e3e3e; }
.tiny .nav li.active div{ color:#00aaff; }
.tiny .nav li p{ font-size:12px; }
#tinyHost { width: 1100px; height: auto; border-top: none; overflow: hidden; padding: 20px 0; }
#tinyHost_form{ width: 770px; padding: 20px; float:left; }
#tinyHost_form sup{ color: red; top: 0; padding-right: 5px; }
#tinyHost_form .control-label{ text-align:left; }
#tinyHost_img{ float:right; padding: 10px 30px 0 0; }
#tinyHost .f_radio{ margin-left: 0px; }
#tinyHost #pro{ width: 200px; }
#tinyHost #city{ width: 200px; }
#tinyHost #area{ width: 200px; }
.hotGoods{ width: 1100px; color:#666; }
.hotGoods ul{ width: 1100px; margin: 0 auto; }
.hotGoods ul li{ width:340px; height:330px; border:1px solid #e5e5e5; border-radius:8px; float:left; margin-right:40px; background:#fff; }
.hotGoods ul li:nth-child(3),.hotGoods ul li:last-child{ margin-right:0px; }
.hotGoods ul li:nth-child(4),.hotGoods ul li:nth-child(5),.hotGoods ul li:nth-child(6){ margin-top:60px; }
.hotGoods ul li:hover{ background:#f5fafe; }
.hotGoods ul li div.hotTop { height: 115px; border-radius: 8px 8px 0 0; background-color: #009dee; }
.hotGoods ul li div.hotTop p{ line-height: 115px; text-align: center; }
.hotGoods ul li div.hotTop p img{ width:70px; }
.hotGoods ul li div.hotDown h4 { color: #FFFFFF; font-size: 20px; line-height: 50px; padding: 0 20px; text-align: center; border-radius: 8px 8px 0px 0px; background: #6e91c1; }
.hotGoods ul li div.hotDown .hotDown_p1{ font-size: 14px; line-height: 28px; }
.hotGoods ul li div.hotDown p{ text-align: left; font-size: 13px; margin-top: 23px; line-height: 22px; padding: 0 24px; }
.hotGoods ul li div.hotDown p.hotDown_img{ width:100%; margin: 0px; padding: 0px; }
.hotGoods ul li div.hotDown p a{ color:#ff7e00; }
.recServer{ width:1100px; height:60px; margin:0 auto 20px; background:#F4F9FF; padding:10px 20px; }
.recServer a{ width:20%; line-height:40px; color: #717171; margin:0 10px; font-size:16px; }
.recServer a:hover{ text-decoration:underline; }
.topdeviNav{ width:1100px; height:60px; margin:0 auto; }
.topdeviNav ul li{ width:180px; height:60px; float:left; cursor:pointer; }
.topdeviNav ul li a{ width:180px; height:40px; display:block; text-align:center; line-height:40px; font-size:18px; color:#282828; text-decoration:none; font-size: 16px; color: #666; }
.topdeviNav ul li a:hover{ color:#f60; }
.topdeviNav ul li.curr a{ color: #fff; background: #557AA5; }
.deviCentent{ width:1100px; height:auto; margin:22px 0 88px; overflow:hidden; }
.deviCentent div.deviWarp{ width:1100px; height:auto; padding-top:5px; background-color:#557AA5; border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5; overflow:hidden; }
.deviCentent div.deviWarp ul{ background:#f4f9ff; height: 50px; }
.deviCentent div.deviWarp ul li{ width:249px; height:auto; float:left; height:50px; text-align:center; font-size:16px; border-right: 1px solid #e5e5e5; }
.deviCentent div.deviWarp ul li{ border-bottom:1px solid #e5e5e5; line-height:50px; }
.deviCentent div.deviWarp ul li{ color:#282828; font-weight:bold; letter-spacing:2px; }
.deviCentent div.deviWarp ul li:last-child { border-right: none; }
.deviCentent div.deviWarp ul li.deviWk { width: 600px; }
.deviCentent div.deviWarp dl dd{ width:249px; height:auto; float:left; line-height:60px; height:60px; text-align:center; font-size:15px; border-right: 1px solid #ffffff; background:none; border-bottom:1px solid #e5e5e5; }
.deviCentent div.deviWarp dd.red{ background:#f7f7f7; }
.deviCentent div.deviWarp dd a{ display:block; width:120px; height:30px; margin:0 auto; line-height:30px; color:#fff; background:#f7931e; border-radius:5px; }
.deviCentent div.deviWarp dd.deviWk a,.deviCentent div.deviWarp dd.deviWk_line60 a{ display: initial; width: 120px; height: 30px; margin: 0 auto; line-height: 30px; color: #f7931e; background: none; }
.deviCentent div.deviWarp dl{ background:#fff; height: 60px; line-height:60px; }
.deviCentent div.deviWarp dl dd.deviWk { width: 600px; line-height: 60px; padding: 0px 20px; text-align: left; font-size: 14px; font-weight: normal; color: #666; }
.deviCentent div.deviWarp dl dd.deviWk_line60 { width: 600px; padding: 0px 20px; text-align: left; font-size: 14px; font-weight: normal; color: #666; }
.deviCentent div.deviWarp dl dd:last-child { border-right: none; }
.deviCentent div.deviWarp dd a{ margin-top:15px; }
.deviCentent div.deviWarp dl dd span{ color:red; font-size:14px; font-weight:bold; }
.deviCentent .deviCententTitle{ height:30px; color:#333; line-height:30px; border-left:3px solid #557AA5; margin:20px 0; text-indent:20px; font-size:16px; font-weight:bold; }
.deviCentent_xz{ width:1100px; height:auto; margin:0 auto 88px; overflow:hidden; }
.deviCentent_xz div{ height:30px; color:#333; line-height:30px; border-left:3px solid red; text-indent:20px; font-size:16px; font-weight:bold; }
.deviCentent_xz p{ line-height: 20px; padding: 8px 20px; text-align: left; font-size: 14px; font-weight: normal; color: #666; }
.product-banner-container .container-1200 { position: relative; min-height: 460px; }
.product-banner-container .background-image { width: 100%; height: 100%; top: 0; right: 0; position: absolute; z-index: 1; background-position: right top; background-repeat: no-repeat; }
.floating2-icon-container2 { position: fixed; right: 20px; top: 50%; transform: translateY(-50%); z-index: 1000; }
.floating2-icon { width: 60px; height: 60px; background-color: #007bff; border-radius: 50%; cursor: pointer; transition: background-color 0.3s ease; display: flex; align-items: center; justify-content: center; }
.floating2-icon:hover { background-color: #0056b3; }
.phone2-icon { width: 28px; height: 28px; filter: brightness(0) invert(1); }
.link2-icon-img { width: 28px; height: 28px; filter: brightness(0) invert(1); }


/*
=================================================================
--- 响应式设计 - 针对小屏幕设备 (小于等于 768px) ---
=================================================================
*/
@media (max-width: 768px) {

    /* --- 基础调整 --- */
    body {
        padding-top: 60px; /* 调整为移动端头部高度 */
    }
    .wp,
    .index_about,
    .index_about_more ul,
    .headTop,
    .project,
    .index_server04 ul,
    .index_title04,
    .index_xMarquee {
        width: 100%;
       /* padding-left: 15px;
        padding-right: 15px;*/
    }
    .h60 { height: 30px; } /* 缩小间距 */

    /* --- 头部 --- */
    #hd {
        height: 60px;
    }
    .logo {
        margin: 10px 0 0 0;
    }
    .logo img {
        height: 40px; /* 调整 logo 高度 */
        width: auto;
    }

    /* --- 移动端导航栏 --- */
    #nav {
        height: auto;
        position: relative;
    }
    .menu-toggle {
        display: block; /* 显示菜单按钮 */
        background-color: #333;
        color: #fff;
        padding: 10px;
        text-align: center;
        cursor: pointer;
        font-size: 16px;
       /* margin-top:-40px; */
    }
    #nav .nv {
        display: none; /* 默认隐藏导航菜单 */
        flex-direction: column; /* 垂直排列 */
        width: 100%;
        float: none;
        position: absolute;
        top: 100%;
        left: 0;
        background-color: #fff;
        z-index: 1000;
        box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    }
    #nav .nv li {
        float: none;
        width: 100%;
        text-align: center;
        border-bottom: 1px solid #eee;
        padding: 0;
    }
    #nav .nv li a.v1 {
        padding: 15px;
        width: 100%;
    }
    .email { display: none; } /* 隐藏PC端邮件部分 */

    /* --- 内容区域 --- */
    .index_package .index_headTop p {
        width: 100%;
        padding: 0 15px;
        font-size: 14px;
        text-align: justify;
    }

    .index_about {
        margin-top: 30px;
    }
    .index_about ul {
        flex-direction: column;
        align-items: center;
    }
    .index_about ul li {
        width: 80%; /* 调整宽度，使其居中且不占满全屏 */
        max-width: 280px; /* 最大宽度限制 */
        margin-bottom: 20px;
    }

    .index_about_more {
        padding: 20px 0;
    }
    .index_about_more ul {
        flex-direction: column;
    }
    .index_about_more ul li {
        width: 100%;
        font-size: 14px;
        padding: 8px 30px;
        line-height: 1.6;
    }

    .headTop {
        margin: 30px auto;
    }
    .headTop h2 {
        width: 90%;
        font-size: 22px;
        line-height: 1.5;
        background: none;
    }
    .headTop p {
        font-size: 14px;
        padding: 10px;
        line-height: 1.8;
    }

    .project {
        flex-direction: column;
        border: none;
        height: auto;
        margin-bottom: 30px;
    }
    .project li {
        width: 100%;
        border: 1px solid #e5e5e5;
        margin-bottom: 20px;
        height: auto;
        padding-bottom: 30px;
        background-position: center 85% !important; /* 调整背景图位置 */
    }
    .project li div {
        height: auto;
    }

    .index_server04 {
        padding: 30px 0;
        height: auto;
        background-size: cover;
    }
    .index_server04 ul {
        flex-direction: column;
        align-items: center;
    }
    .index_server04 ul li {
        margin-bottom: 20px;
        float: none;
    }
    .index_title04 {
        text-align: center;
    }
    .index_title04 h2, .index_title04 p {
        width: 100%;
        text-align: center;
    }
    .index_title04 h2 {
        font-size: 22px;
    }
    .index_title04 p {
        font-size: 14px;
        line-height: 1.8;
    }
    
    .index_xMarquee {
        flex-direction: column;
        padding-bottom: 20px;
    }
    .xMarquee {
        width: 100%;
    }

    /* --- 页脚 --- */
    #footer .footer-top {
        padding: 10px 15px;
        height: auto;
    }
    .footer-menu {
        flex-direction: column;
        align-items: flex-start; /* 左对齐 */
        text-align: left;
    }
    .footer-menu ul,
    .footer-menu .footer-cont {
        width: 100%;
        margin-bottom: 20px;
    }
    .footer-menu ul li.footer-menu-title {
        line-height: 40px;
    }
    .footer-cont h4 {
        text-align: left;
        line-height: 40px;
    }
    .footer-cont p {
        text-align: justify;
    }
    #footer .footer-bottom {
        padding: 0 15px;
    }
    #footer .footer-bottom p {
        font-size: 12px;
        line-height: 1.5;
        padding: 15px 0;
        text-align: center;
    }
    /* --- 针对 weibao.html 页面的额外响应式规则 --- */

/* Banner 文字调整 */
#banner-other .wrap {
    top: 20%; /* 调整文字垂直位置 */
    padding: 0 15px;
}
#banner-other .wrap .txt {
    width: 100%;
    text-align: center;
}
#banner-other .wrap .txt h1 {
    font-size: 22px;
    line-height: 1.5;
}
#banner-other .wrap .txt h3 {
    width: 100%;
    font-size: 14px;
    line-height: 1.8;
    margin-top: 10px;
}

/* 移除 .package 的 top 定位，适配 body 的 padding-top */
.package {
    top: 0;
    width: 100%;
}

/* “维保服务”三个介绍块的适配 */
.vipCardB {
    display: flex;
    flex-direction: column; /* 垂直排列 */
    padding: 0 15px;
}
.vipCardB_div {
    width: 100% !important; /* 宽度占满 */
    margin-bottom: 20px;
}

/* “维保范围”六个产品块的适配 */
.hotGoods {
    width: 100%;
    padding: 0 15px;
}
.hotGoods ul {
    width: 100%;
    display: flex;
    flex-direction: column; /* 垂直排列 */
    align-items: center; /* 居中对齐 */
}
.hotGoods ul li {
    float: none; /* 移除浮动 */
    width: 100%;
    max-width: 340px; /* 限制最大宽度，保持美观 */
    margin-right: 0 !important; /* 覆盖PC端的右边距 */
    margin-bottom: 20px;
}
/* 覆盖PC端针对第4、5、6个元素的上边距 */
.hotGoods ul li:nth-child(4),
.hotGoods ul li:nth-child(5),
.hotGoods ul li:nth-child(6) {
    margin-top: 0;
}

/* 中间战略介绍部分的适配 */
.index_server01.index_server01_t04 {
    background-image: none; /* 在手机上移除背景图，避免错位 */
    height: auto;
    padding: 20px 15px;
}
.index_server01_t04 .index_title01 {
    width: 100%;
    float: none;
    text-align: center;
}
.index_server01_t04 .index_title01 p {
    text-align: justify; /* 两端对齐，更美观 */
    font-size: 14px;
    line-height: 1.8;
}
.index_server01_t04 .index_title01 p br {
    display: none; /* 隐藏PC端的强制换行 */
}

/* --- 针对 it.html 页面的额外响应式规则 --- */

/* 标题适配 */
.headTop3 {
    width: 100%;
    padding: 0 15px;
    background-image: none;
    margin: 30px auto;
}
.headTop3 h2 {
    width: 100%;
    font-size: 22px;
    line-height: 1.5;
    background-color: transparent;
}

/* 左右图文结构适配 (连锁机构/中小企业服务) */
.index_server01.index_server01_right {
    display: flex;
    flex-direction: column-reverse; /* 图片在下，文字在上 */
    height: auto;
    background-position: center bottom !important;
    padding: 20px 15px 200px; /* 增加底部padding为背景图留出空间 */
}
.index_server01_t03 {
    background-size: 80%;
}
.index_server01_t033 {
    background-size: 80%;
}

.index_server01_right .index_title01 {
    width: 100%;
    float: none;
}
.index_server01_right .index_title01 p {
    font-size: 14px;
    line-height: 1.8;
    text-align: justify;
}
.index_server01_right ul {
    width: 100%;
    float: none;
    height: auto;
    margin-top: 20px;
}
.index_server01_right ul li {
    width: 100%;
    background-size: 10px 10px;
    padding-left: 20px;
}

/* 服务类型介绍 (A, B, C, D) */
.type ul {
    display: flex;
    flex-direction: column;
    padding: 0 15px;
}
.type ul li {
    width: 100%;
    padding-left: 0;
    margin: 15px 0;
}
.type ul li h3 {
    font-size: 18px;
}
.type ul li p {
    font-size: 14px;
    line-height: 1.8;
}

/* 合作优势 (4个图标) */
.index_server94 {
    height: auto;
    padding: 30px 15px;
    background-size: cover;
}
.index_server94 .index_title94 {
    width: 100%;
    text-align: center;
}
.index_server94 .index_title94 h2 {
    width: 100%;
    text-align: center;
    font-size: 22px;
}
.index_server94 ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap; /* 允许换行 */
    justify-content: space-around; /* 均匀分布 */
    height: auto;
}
.index_server94 ul li {
    float: none;
    width: 45%; /* 每行2个 */
    height: auto;
    margin: 0 0 20px 0;
}
.index_server94 ul li p {
    padding: 10px;
}


/* --- 针对 yunzm.html (云桌面) 页面的【增强版】响应式规则 --- */

.h90 {
    height: 30px;
}

/* 方案描述文字 */
.desktop-content {
    padding: 0 15px;
    /* 使用 !important 强制覆盖外部CSS的固定宽度 */
    width: 100% !important; 
}
.desktop-content p {
    font-size: 16px;
    line-height: 1.8;
}

/* 优势图片 */
.yunyoushi-img-container {
    padding: 0 15px;
}

/* 
 * 云桌面优势 (8个图标) - 这是关键修复点 
 */
.advan {
    /* 强制容器宽度为100% */
    width: 100% !important;
}
.advan-content {
    /* 强制容器宽度为100% */
    width: 100% !important;
    padding: 0 15px;
}
.advan-content ul {
    width: 100% !important; /* 强制ul宽度 */
    display: flex;
    flex-wrap: wrap; /* 允许多行排列 */
    justify-content: space-around; /* 均匀分布 */
    /* 移除PC端的固定高度 */
    height: auto !important; 
}
.advan-content ul li {
    width: 45% !important; /* 每行显示2个 */
    float: none !important; /* 覆盖可能存在的浮动 */
    margin: 0 0 20px 0 !important; /* 统一边距 */
    height: auto !important; /* 高度自适应 */
    text-align: center; /* 确保内容居中 */
}
.advan-content ul li img {
    width: 60px; /* 缩小图标尺寸 */
    height: auto;
}
.advan-content ul li p {
    font-size: 14px;
}

/* 
 * 云桌面应用 (8张带遮罩的图片) - 同样进行增强 
 */
.scenario {
    width: 100% !important;
}
.scenario-content {
    width: 100% !important;
    padding: 0 15px;
}
.scenario-content ul {
    width: 100% !important;
    display: flex;
    flex-direction: column; /* 强制垂直排列 */
    align-items: center;
    height: auto !important;
}
.scenario-content ul li {
    width: 90% !important;
    max-width: 300px;
    margin: 0 0 20px 0 !important;
    float: none !important;
}


/* --- 针对 about.html (关于我们) 页面的额外响应式规则 --- */

/* 全国地图图片容器 */
.map-container {
    padding: 0 15px;
}

/* 
 * 强制重置两个图文模块的容器
 * 这是解决问题的核心！
*/
.index_server01.index_server01_ttt071,
.index_server01.index_server01_ttt871 {
    display: block !important; /* 强制改为块级元素，放弃flex */
    height: auto !important;   /* 高度由内容撑开 */
    width: 100% !important;    /* 宽度占满 */
    float: none !important;    /* 清除浮动 */
    padding: 20px 15px 200px 15px !important; /* 在顶部和两侧留出文字边距，在底部为背景图留出巨大空间 */
    background-repeat: no-repeat !important;
    background-position: center 95% !important; /* 将背景图定位到底部 */
    background-size: 80% auto !important;     /* 缩放背景图尺寸 */
}

/* 
 * 强制重置文字内容的容器
 * 这是确保文字能换行的关键！
*/
.index_server01 .index_title01,
.index_server01 .index_title0x {
    width: 100% !important; /* 强制宽度为100%，使其能自动换行 */
    height: auto !important;
    float: none !important; /* 再次清除浮动 */
    margin: 0 !important;
    padding: 0 !important;
}

/* 强制段落文字样式 */
.index_server01 .index_title01 p,
.index_server01 .index_title0x p {
    font-size: 15px !important;
    line-height: 1.8 !important;
    text-align: justify !important; /* 文本两端对齐，更美观 */
    color: #333;
}

/* 单独处理第二个文本块中的加粗标题 */
.index_server01 .index_title0x p span {
    display: block;
    text-align: center;
    font-size: 18px !important;
    margin-bottom: 15px;
}
/* 
 * 客户Logo轮播 (纯CSS) 
 * 因为这个页面引入了 anli.css，我们需要用 !important 确保我们的新样式生效 
 */
.scroller-container {
    width: 100% !important;
    padding: 0 !important;
}
.scroller {
    max-width: 100% !important;
    overflow: hidden;
    /* Webkit内核浏览器遮罩 */
    -webkit-mask: linear-gradient(90deg, transparent, white 10%, white 90%, transparent);
    /* 标准遮罩 */
    mask: linear-gradient(90deg, transparent, white 10%, white 90%, transparent);
}
.scroller-inner {
    display: flex;
    gap: 1rem; /* Logo之间的间距 */
    width: max-content; /* 让容器宽度自适应内容 */
    animation: scroll 40s linear infinite;
}
.scroller-inner span {
    height: 60px; /* 控制Logo高度 */
    display: flex;
    align-items: center;
}
.scroller-inner img {
    max-height: 100%;
    width: auto;
    filter: grayscale(1); /* 灰度效果 */
    transition: filter 0.3s;
}
.scroller-inner img:hover {
    filter: grayscale(0); /* 鼠标悬停时恢复彩色 */
}

/* 滚动动画定义 */
@keyframes scroll {
    to {
        transform: translate(calc(-50% - 0.5rem * 15)); /* 移动一半的距离 */
    }
}



/* --- 【统一优化版】针对 weibao.html 和 it.html 页面的响应式规则 --- */

/* 
 * 关键修复：
 * 强制所有页面中的 .index_server01 容器在手机端都采用严格的垂直布局
 * 这条规则将同时作用于 weibao.html, it.html, 和 about.html
*/
.index_server01 {
    display: block !important; /* 强制块级，放弃flex/float */
    height: auto !important;   /* 高度自适应 */
    width: 100% !important;    /* 宽度占满 */
    float: none !important;    /* 清除浮动 */
    padding: 20px 15px !important; /* 统一内边距 */
    background-image: none !important; /* 关键：在手机上彻底移除背景图，避免错位 */
}

/* 
 * 关键修复：
 * 将原本作为背景的图片，通过伪元素的方式作为真正的图片插入到文字下方
 * 这样就实现了内容和图片的彻底分离
*/
.index_server01::after {
    content: '';
    display: block;
    width: 90%;
    max-width: 400px; /* 控制图片最大宽度 */
    height: 250px;    /* 控制图片高度 */
    margin: 20px auto 0 auto; /* 图片与文字的间距，并居中 */
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain; /* 保证图片完整显示 */
}

/* 为每个不同的模块指定它自己的图片 */
.index_server01_t04::after { background-image: url(zhanlue.png); }
.index_server01_t03::after { background-image: url(itc2.jpg); }
.index_server01_t033::after { background-image: url(itc1.jpg); }
/* （我们之前为 about.html 写的规则也在这里一并处理） */
.index_server01_ttt071::after { background-image: url(server71.jpg); }
.index_server01_ttt871::after { background-image: url(server871.jpg); }


/* 
 * 强制重置所有文字内容的容器
 * 确保文字能正常换行
*/
.index_server01 .index_title01,
.index_server01 .index_title0x {
    width: 100% !important;
    height: auto !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 强制所有段落文字样式 */
.index_server01 .index_title01 p,
.index_server01 .index_title0x p {
    font-size: 15px !important;
    line-height: 1.8 !important;
    text-align: justify !important;
    color: #333;
}

/* 针对 it.html 和 weibao.html 中的列表项 */
.index_server01 ul {
    width: 100% !important;
    float: none !important;
    height: auto !important;
    margin-top: 20px !important;
}
.index_server01 ul li {
    width: 100% !important;
    background-size: 10px 10px;
    padding-left: 20px;
    margin-bottom: 8px; /* 增加列表项间距 */
}



}