body {
font-family: Trebuchet MS,Microsoft Yahei,Verdana,Geneva,sans-serif
}

img { max-width: 100%}
ul li { line-height: 1.8; }
p {margin-bottom: 15px}
p img {margin-bottom: 15px}

.centered {
  text-align: center
}

.panel-default>.panel-heading {
  color: #fff;
  background-color: #23527c;
  border-color: #16a085
}

.panel-heading a:hover {
  color: #bdc3c7
}

.panel-title>a {
  font-weight: 300;
  font-size: 20px
}

#slideshow-container {
  width: 100% !important;
  max-height: 463px;
  background: #e4e6e6;
  position: relative;
  overflow: hidden;
  padding: 0
}
.tlinks{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}
.banner {
  width: 100%;
  max-height: 463px !important;
  position: relative;
  overflow: hidden;
  margin: 0 auto
}

.svgicons img {
  display: inline-block;
  max-height: 100px;
  max-width: 100px;
  vertical-align: middle;
  padding-top: 15px
}

.ch-grid {
  margin: 20px 0 0;
  padding: 0;
  list-style: none;
  display: block;
  text-align: center;
  width: 100%
}

.ch-grid:after, .ch-item:before {
  content: '';
  display: table
}

.ch-grid:after {
  clear: both
}

.ch-grid li {
  width: 220px;
  height: 220px;
  display: inline-block;
  margin: 20px
}

.ch-grid h6 {
  font-size: 18px;
  font-weight: 200;
  margin-top: 10px
}

.ch-item {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  position: relative;
  cursor: default;
  box-shadow: inset 0 0 0 16px rgba(255, 255, 255, .6), 0 1px 2px rgba(0, 0, 0, .1);
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out
}

.ch-img-1 {
  background-image: url("/_mirror/3809f36c318b34f638e82e33c7b711daa14a8495cecff22b9faf305c626f3726")
}

.ch-img-2 {
  background-image: url("/_mirror/f3c5151b9721120e55d80bb91b500b9e0c36b2329abc785c6af11aea4456c037")
}

.ch-img-3 {
  background-image: url("/_mirror/f0b1fbca9b1e42f04d82c429000ca11f020369ca3810ac254e1cdf2fb23d9eeb")
}

.ch-img-4 {
  background-image: url("/_mirror/f8663341f1fdaa03fef5c498e3d3161835b8fae72289d938b7ab5e676691acc2")
}

.ch-img-5 {
  background-image: url("/_mirror/36b301b81ef44107f85cfa770bfaec4c8e13738f97d2f965e5a5c4f86dcad22c")
}

.ch-img-6 {
  background-image: url("/_mirror/8b7e2837bb9476e19ddc3afaeca819b5172272c1695995664120012099890610")
}

.ch-info {
  position: absolute;
  background: rgba(63, 147, 147, .8);
  width: inherit;
  height: inherit;
  border-radius: 50%;
  opacity: 0;
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-backface-visibility: hidden
}

.ch-info h3 {
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 22px;
  margin: 0 30px;
  padding: 45px 0 0;
  height: 140px;
  font-family: Lato, Arial, sans-serif;
  text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0, 0, 0, .3)
}

.ch-info p {
  color: #fff;
  padding: 10px 5px;
  font-style: italic;
  margin: 0 30px;
  font-size: 12px;
  border-top: 1px solid rgba(255, 255, 255, .5);
  opacity: 0;
  -webkit-transition: all 1s ease-in-out .4s;
  -moz-transition: all 1s ease-in-out .4s;
  -o-transition: all 1s ease-in-out .4s;
  -ms-transition: all 1s ease-in-out .4s;
  transition: all 1s ease-in-out .4s
}

.ch-info p a {
  display: block;
  color: #fff;
  color: rgba(255, 255, 255, .7);
  font-style: normal;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 9px;
  letter-spacing: 1px;
  padding-top: 4px;
  font-family: Lato, Arial, sans-serif
}

.ch-info p a:hover {
  color: #fff222;
  color: rgba(255, 242, 34, .8)
}

.ch-item:hover {
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .1), 0 1px 2px rgba(0, 0, 0, .1)
}

.ch-item:hover .ch-info {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1
}

.ch-item:hover .ch-info p {
  opacity: 1
}

.navbar-default{
	background-color: #25384b!important;

  background-image: -moz-linear-gradient(left, #25384b, #34495e)!important;

  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#25384b), to(#34495e))!important;

  background-image: -webkit-linear-gradient(left, ##25384b, #34495e)!important;

  background-image: -o-linear-gradient(left, #25384b, #34495e)!important;

  background-image: linear-gradient(to right, #25384b, #34495e)!important;

  background-repeat: repeat-x;

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff25384b', endColorstr='#ff34495e', GradientType=0);
	border:none!important;
}

#headerwrap {
  background: url("/_mirror/3530de00e514f74819528e5d22a24d7ca82a1d900e1a3ee16bcdfea48125180a") no-repeat center top;
  margin-top: 0;
  padding-top: 160px;
  text-align: center;
  background-attachment: relative;
  background-position: center center;
  min-height: 600px;
  width: 100%;
  -webkit-background-size: 100%;
  -moz-background-size: 100%;
  -o-background-size: 100%;
  background-size: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover
}

#headerwrap h1 {
  color: #fff
}

#headerwrap-2 {
  background: url("/_mirror/dd6fe25c8e8936c702c4ad6dfae9fe21b669e2fd35c471ea72828712efdadf0e") no-repeat center top;
  margin-top: -21px;
  padding-top: 180px;
  text-align: center;
  background-attachment: relative;
  background-position: center center;
  min-height: 600px;
  width: 100%;
  -webkit-background-size: 100%;
  -moz-background-size: 100%;
  -o-background-size: 100%;
  background-size: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover
}

#headerwrap-2 h1 {
  color: #fff
}

#aboutwrap {
  background: url("/_mirror/c35f50f21cf8d08e94a2f875ce6d182e4a086fb383d2d7c8b4c1df05aba208dc") no-repeat center top;
  margin-top:  -20px;
  padding-top: 80px;
  text-align: center;
  background-attachment: relative;
  background-position: center center;
  min-height: 400px;
  width: 100%;
  -webkit-background-size: 100%;
  -moz-background-size: 100%;
  -o-background-size: 100%;
  background-size: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover
}

#aboutwrap h1 {
  color: #fff
}

#servicewrap h1 {
  color: #fff
}
#boardwrap {
  background: url("/_mirror/e75317b4a1ca5c7aa9d64f5f70dfa8518f53112664b4753e100b513221d1051f") no-repeat center top;
  margin-top:  -20px;
  padding-top: 150px;
  text-align: center;
  background-attachment: relative;
  background-position: center center;
  min-height: 500px;
  width: 100%;
  -webkit-background-size: 100%;
  -moz-background-size: 100%;
  -o-background-size: 100%;
  background-size: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover
}

#boardwrap h1 {
  color: #fff
}
#solutionwrap {
  background: url("/_mirror/9967ae2997e6f612d1ca86dcd66a178eda29c0b9b6749167f16fa13c6bbab359") no-repeat center top;
  margin-top:  -20px;
  padding-top: 150px;
  text-align: center;
  background-attachment: relative;
  background-position: center center;
  min-height: 400px;
  width: 100%;
  -webkit-background-size: 100%;
  -moz-background-size: 100%;
  -o-background-size: 100%;
  background-size: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover
}

#solutionwrap h4 {
  color: #fff
}

#solutionwrap h6 {
  color: #fff;
  font-size: 16px
}

#cloudwrap {
  background: url("/_mirror/fa60db02cbe89ca8ccc8bf1cb0ca3c54967be22699cfac2068140e228a563e51") no-repeat center;
  margin-top:  -20px;
  padding-top: 150px;
  text-align: center;
  background-attachment: relative;
  background-position: center center;
  min-height: 500px;
  width: 100%;
  -webkit-background-size: 100%;
  -moz-background-size: 100%;
  -o-background-size: 100%;
  background-size: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover
}

#cloudwrap h4 {
  color: #fff
}

#cloudwrap h6 {
  color: #fff;
  font-size: 16px
}



#teamwrap {
  background: url("/_mirror/10c65ceb5224172ee95c649b8b568fdf364eab703f3b36014b6715b05c3d31be") no-repeat center top;
  margin-top:  -20px;
  padding-top: 150px;
  text-align: center;
  background-attachment: relative;
  background-position: center center;
  min-height: 400px;
  width: 100%;
  -webkit-background-size: 100%;
  -moz-background-size: 100%;
  -o-background-size: 100%;
  background-size: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover
}

#teamwrap h1 {
  color: #fff
}

#ruralwrap {
  background: url("/_mirror/a4c7d4f8dd219acfa3686a4d7060b60f07818847f61264cee74aa41ad602a8f2") no-repeat center top;
  margin-top:  -20px;
  padding-top: 200px;
  text-align: center;
  background-attachment: relative;
  background-position: center center;
  min-height: 500px;
  width: 100%;
  -webkit-background-size: 100%;
  -moz-background-size: 100%;
  -o-background-size: 100%;
  background-size: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover
}

#ruralwrap h4 {
  color: #fff
}

#ruralwrap h6 {
  color: #fff;
  font-size: 16px
}


#faqwrap {
  background: url("/_mirror/68cf9662d06dc38bcc705c56bb291d319fdf99a680d04ba855842c4c05a190e7") no-repeat center top;
  margin-top:  -30px;
  padding-top: 150px;
  text-align: center;
  background-attachment: relative;
  background-position: center center;
  min-height: 400px;
  width: 100%;
  -webkit-background-size: 100%;
  -moz-background-size: 100%;
  -o-background-size: 100%;
  background-size: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover
}

#faqwrap h1 {
  color: #fff
}

#sp1 {
  background: url("/_mirror/023dc3fc86082e04c2beaa7bdfdfc07636f0825349c017c1df18141e484266d5") no-repeat center top;
  margin-top: 0;
  padding-top: 30px;
  padding-bottom: 0;
  text-align: center;
  background-attachment: relative;
  background-position: center center;
  min-height: 240px;
  width: 100%;
  -webkit-background-size: 100%;
  -moz-background-size: 100%;
  -o-background-size: 100%;
  background-size: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover
}

#sp1 h3 {
  color: #fff;
  font-weight: 100
}

#cta {
  background-color: #34495e;
  padding-top: 35px;
  padding-bottom: 35px
}

#cta h3 {
  color: #fff;
  font-weight: 100
}

#cta p {
  font-weight: 300;
  color: #c5c5c5
}

#lb {
  background: #25384b;
  padding-top: 50px;
  padding-bottom: 35px;
 margin-top: -20px;
 color: #ffffff;
}

#g {
  background: #eaeaea;
  padding-top: 50px;
  padding-bottom: 50px
}

#g h4 {
  color: #c5c5c5;
  padding-bottom: 40px
}

#g h5 {
  color: #c5c5c5;
  font-weight: 700
}

#g p {
  color: #c5c5c5
}

#g span {
  display: inline-block;
  width: 32px;
  color: #c5c5c5;
}

#g span.icon-next {
  display: inline-block;
  width: 32px;
  color: #c5c5c5;
  font-size: 28px;
  margin-top: -16px !important;
  padding-left: 12px;
}

#g span.icon-prev {
  display: inline-block;
  width: 32px;
  color: #c5c5c5;
  font-size: 28px;
  margin-top: -16px !important;
  margin-left: -16px;
}

#g .bc p {
  color: #34495e
}

#g .tc p {
  color: #2f2f2f;
  font-weight: 200
}

#g .tc img {
  margin-bottom: 25px
}

#g .tc name {
  color: #23527c;
  font-size: 16px
}

#f {background: #34495e;padding-top: 35px;padding-bottom: 35px; color: #929da8}

#f a { color:#929da8 }
#f a:hover { color:#ffffff }

#f p {
  font-weight: 300;
  color: #929da8
}

#f h5 {
  color: #b7c5d4;
  font-weight: 300
}

#mapwrap {
  width: 100%
}

.sinfo {
  padding-top: 60px;
  padding-bottom: 60px
}

.sinfo h4 {
  font-weight: bold;
}

.sinfo span {
  padding-left: 5px;
  padding-right: 5px
}

.bc {
  border: #c5c5c5 1px solid;
  background: #fff;
  border-radius: 5px
}

.bc p {
  font-weight: 200;
  margin: 8px;
  font-size: 16px;
  line-height: 20px
}

.bc date {
  font-size: 10px;
  text-transform: uppercase;
  font-weight: 700
}

.tabmod {
  padding-top: 15px
}

.tabmod h4 {
  font-weight: 300
}

.tabmod p {
  font-weight: 200
}

.testi-container {
  width: 100%;
  margin-bottom: 14px;
  padding: 5px 6px 3px 0;
  background-color: #fafafa;
  border: solid 1px #ddd;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  position: relative;
  float: left;
  z-index: 998
}

.testi-container:before {
  width: 25px;
  height: 17px;
  background: #fafafa;
  content: '';
  position: absolute;
  z-index: 999;
  left: 42px;
  bottom: 0;
  margin-left: -7px
}

@media \0screen {
  .testi-container:before {
    background: 0 0
  }
}

.testi-container:after {
  width: 17px;
  height: 17px;
  background: #fafafa;
  border: 1px solid #ddd;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  content: '';
  position: absolute;
  z-index: 888;
  left: 45px;
  bottom: -5px;
  margin-left: -7px;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg)
}

@media \0screen {
  .testi-container:after {
    background: 0 0;
    border: 0
  }
}

.testi-text {
  width: 100%;
  float: left;
  margin: 0;
  padding: 10px 14px 0;
  font-weight: 200
}

.wb {
  padding-bottom: 0
}

.wb p {
  font-weight: 200
}

.ab .tab-content {
  border: transparent;
  border-radius: 6px;
  margin-bottom: 0;
  padding: 20px 20px 0;
  position: relative;
  z-index: 1
}

.tabmod-a {}

.tabmod-a h4 {
  font-weight: 300
}

.tabmod-a p {
  font-weight: 200
}
.blogcontent {color: #333333}
.blogcontent h1 {
  font-size: 40px
}
.blogcontent h3 {
 font-size:  28px; margin-top:20px;
}
.blogcontent h6 {
  margin-top: 15px
}

.blogcontent p {
  margin-top: 10px
}

.blogcontent small {
  color: #666666;
  font-size: 14px;
  margin-top: 5px
}

.blogcontent .lead {
  font-size: 26px;
  font-weight: 200
}

.sidebar {
  padding-top: 60px
}

.sidebar p {
  font-size: 16px;
  margin-left: 15px
}

.pop-posts {
  padding-top: 8px;
  padding-bottom: 8px;
  padding-right: 5px;
	height: 83px;
}

.pop-posts img {
  text-align: left;
  float: left;
  vertical-align: top;
  margin-right: 4px
}

.pop-posts p {
  font-size: 14px
}

.pop-posts:hover {
  background: #f2f2f2;
  cursor: pointer
}

.cinfo img {
  width: 55px;
  float: left;
  margin-right: 10px
}
/* Contact Form */

#contact {
  padding: 40px 0;
}

.contact-form {

}

.contact-form label {
   color: #999;
}

.contact-form input, .contact-form textarea {
  padding: 10px 12px;
  border-radius: 0;
  box-shadow: none;
  font-size: 14px;
  height: auto;
}

.contact-form .form-send {
  text-align: center;
}

.contact-form .form-send button  {
  background: #23527c;
  border: 0;
  padding: 10px 30px;
  color: #fff;
  transition: 0.4s;
  cursor: pointer;
}

.contact-form .form-send button:hover {
  background: #1bd1ad;
}

.contact-form .validate {
  display: none;
  color: red;
  margin: 0 0 15px 0;
  font-weight: 400;
  font-size: 13px;
}

.contact-form .loading {
  display: none;
  color: #555;
  background: #fff;
  text-align: center;
  padding: 15px;
  margin: 15px 0;
}

.contact-form .loading:before {
  content: "";
  display: inline-block;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  border: 3px solid #18d26e;
  border-top-color: #eee;
  -webkit-animation: animate-loading 1s linear infinite;
  animation: animate-loading 1s linear infinite;
}

@-webkit-keyframes animate-loading {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes animate-loading {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.contact-form .error-message {
  display: none;
  color: #fff;
  background: #ed3c0d;
  text-align: center;
  padding: 15px;
  font-weight: 600;
  margin: 15px 0;
}

.contact-form .sent-message {
  display: none;
  color: #fff;
  background: #18d26e;
  text-align: center;
  padding: 15px;
  font-weight: 600;
  margin: 15px 0;
}

/* Copyrights */

#copyrights {
  background: #25384b;
	font-size: 14px;
  padding: 20px 0;
  text-align: center;
	color: #929da8
}

#copyrights p {
  margin-bottom: 5px;
}

#copyrights a {
  color:#929da8
}
#copyrights a:hover {
  color:#ffffff
}

.credits {
  color: #fff;
}

.newsconten {font-size:18px!important; line-height: 28px}
.newsconten h3 { font-size:24px; padding-left: 10px; margin-bottom:10px; margin-top: 10px;  line-height: 38px; border-left: 2px #34495e solid; background: #eeeeee}
.newsconten p img {
	display: block;
    margin: auto;
    max-width: 100%;
    margin-top: 15px;
    margin-bottom: 15px;
}

/*产品列表*/

@media (min-width: 1200px){
.product_list{width:560px; background: #FFFFFF; padding:5px; border:1px #ddd solid; margin-bottom:10px;}
.product_list:hover { background:#34495e; color:#fff;}
.product_list:hover a{ color:#fff;}
.product_list .titlepic {text-align:center; float:left; width:60px; padding:5px; border:1px #ddd solid; background:#FFF;}
.product_list .txt {float:right; width:480px}
.product_list .txt .line {height:24px; line-height:24px;}
.inner_photo li {width:24%; float:left; font-size:12px; margin-bottom:10px;}
}
@media (min-width: 768px) and (max-width: 1199px){
.product_list{width:455px; background: #FFFFFF; padding:5px; border:1px #ddd solid; margin-bottom:10px;}
.product_list:hover { background:#34495e; color:#fff;}
.product_list:hover a{ color:#fff;}
.product_list .titlepic {text-align:center; float:left; width:60px; padding:5px; border:1px #ddd solid; background:#FFF;}
.product_list .txt {float:right; width:375px}
.product_list .txt .line {height:24px; line-height:24px;}
.inner_photo li {width:24%; float:left; font-size:12px; margin-bottom:10px;}
}
@media (max-width: 767px) {
.product_list{width:95%; background: #FFFFFF; padding:5px; border:1px #ddd solid; margin-bottom:10px;}
.product_list:hover { background:#34495e; color:#fff;}
.product_list:hover a{ color:#fff;}
.product_list .titlepic {text-align:center; float:left; width:22%; border:1px #ddd solid; background:#FFF;}
.product_list .txt { float:right; width: 75%}
.product_list .txt .line {height:24px; line-height:24px;}
.inner_photo li {width:100%; font-size:16px; margin-bottom:10px;}
}

/*品牌板 */

.board_500_c {}
.board_rank_top_r {float:left; width:670px; line-height:24px; margin-right:10px; height:70px; overflow:hidden}
.board_cat li{width:30%; margin-right:3%; float:left; line-height:35px; margin-bottom:15px; text-align:center;}
.board_newli {width:30%; margin-right:3%; float:left; height:30px; line-height:30px; overflow:hidden; }



.board_main_index { border:1px #ccc dotted; background:#FFF; font-size:12px; line-height:24px; padding:10px; margin:10px 0 15px 0;}
.board_main_index2 {background:url("/_mirror/53edd23e1ffaaf66dce009dce86646ad52f971080c5a2acaa39c23e7858a1d79") no-repeat; width:230px; height:48px; text-align:center; font-family:Georgia, 'Times New Roman', Times, serif; color:#F00; line-height:48px; font-size:24px; margin:10px 0 10px 0}
.board_main_myrank {height:65px; padding:5px; margin-top:10px; margin-bottom:10px; background: url("/_mirror/93495287d95824dbd3e5ace1eb05f3ed85b75efdda58468c9617e1186c794fea") repeat-x; border:1px #ccc solid}

.board_20_t {width: 700px; padding:0 0 10px 0; height:20px; font-size:12px; font-weight:bold}
.board_20_c {background: url("/_mirror/7defd008aa32aeedc2d6a31802b096555ad2dcb181a0a66573dce5defed4946d") no-repeat 0 4px;}
.board_20_c tr,td{ height:20px!important; overflow:hidden}
.board_500_t {width:700px; padding:0 10px 10px 10px; height:20px; font-size:12px; font-weight:bold}

.board_no { height:25px; font-size:11px; font-family:Arial, Helvetica, sans-serif; line-height:25px; padding:0 5px 0 5px; background: #5A91DA; color:#ffffff; text-align:center; font-weight:bold; border-radius:3px;}
.board_no:hover { background:#060}

/*美工设计 */
@media (min-width: 1440px){
.brand_banner { margin:auto; background:url("/_mirror/1d56c1d2f3ff5cae0a60846bea092f63da688a03e3f664293101a6f5f9b5ee35") no-repeat; height:370px; font-size:17px; padding-left:505px; padding-right:45px; line-height:28px; padding-top:30px;}
.brand_main {width:1336px; margin:auto;font-size:15px; line-height:26px; color:#666666; padding:20px; margin-top:30px; margin-bottom:25px; background:#eeeeee;}
.brand_main_list {width:370px; float:left}
}
@media (min-width: 768px) and (max-width: 1199px){
.brand_banner {margin:auto; background:url("/_mirror/1d56c1d2f3ff5cae0a60846bea092f63da688a03e3f664293101a6f5f9b5ee35") no-repeat; font-size:17px;padding-left:505px; padding-right:45px; line-height:28px; padding-top:30px;}
.brand_main {background:#eeeeee; width:930px; margin:auto;font-size:17px; line-height:26px; color:#666666; padding:20px; margin-top:30px;margin-bottom:25px; }
.brand_main_list {width:300px; float:left}
}
@media (max-width: 767px) {
.brand_banner {font-size:16px;line-height:28px; padding:10px; background:#eeeeee; border-radius:10px}
.brand_main {background:#eeeeee; font-size:16px; line-height:26px; color:#666666; padding:20px; margin-top:30px;margin-bottom:25px;}
}

.brand_main a { color:#666666;}

.position {font-size: 14px; margin-bottom: 15px; margin-top: 15px}

.link img { margin-bottom: 15px; border: 1px #DDDDDD solid; border-radius: 10px}
.link img:hover{border: 1px #34495e solid;}

.newspace { font-size: 15px}
.newspace li { list-style-type: circle }

.epages{padding:10px;font:14px Tahoma; line-height: 40px; overflow: hidden; margin-top: 15px}
.epages a{ border: #eeeeee solid 1px;background: #eeeeee; border-radius: 5px; padding: 5px; margin-right: 3px}
.epages a:hover{background: #FFFFFF;}
.epages b{ background: #eeeeee; border: #eeeeee solid 1px; border-radius: 5px; padding:5px; margin-right: 3px}

  .section-title {
      font-weight: 700;
      color: #222;
      position: relative;
      padding-bottom: 14px;
      font-size: 1.8rem;
    }
    .section-title::after {
      content: "";
      width: 60px; height: 4px;
      background: #11be9b;
      position: absolute;
      bottom: 0; left: 50%;
      transform: translateX(-50%);
      border-radius: 2px;
    }



    /* ========== 业务索引 ========== */
    #service-nav { padding: 60px 0; background: #f8f9fa; }
    #service-nav h3 a { color: #222; font-weight: 700; }
    #service-nav h3 a:hover { color: #11be9b; }

    /* ========== 核心优势（图标放大） ========== */
    #features { padding: 60px 0; background: #fff; }
    .feature-item {
      background: #fff;
      border-radius: 14px;
      padding: 36px 24px !important;
      transition: transform .25s ease, box-shadow .25s ease;
      height: 100%;
      border: 1px solid #eee;
    }
    .feature-item:hover {
      transform: translateY(-6px);
      box-shadow: 0 12px 32px rgba(0,0,0,.1);
    }
    .feature-icon {
      font-size: 3.5rem !important;
      color: #11be9b;
      display: block;
      margin-bottom: 12px;
    }
    .feature-item h5 { font-size: 1.2rem; font-weight: 700; }
    .feature-item p { font-size: .95rem; margin-bottom: 0; }

    /* ========== 服务卡片 ========== */
    #pricing-cards { padding: 60px 0; background: #f8f9fa; }
    .service-card {
      border-radius: 16px;
      transition: transform .25s ease;
      border: none !important;
    }
    .service-card:hover { transform: translateY(-6px); }
    .price-display {
      font-size: 2.4rem;
      font-weight: 800;
      color: #11be9b;
    }
    .highlight-card {
      border: 2px solid #11be9b !important;
      position: relative;
    }
    .highlight-card .badge {
      font-size: .85rem;
      padding: 6px 12px;
      position: absolute;
      top: -10px;
      right: 20px;
    }
    .contact-icon {
      font-size: 3.5rem !important;
      color: #0dcaf0;
    }

    /* ========== 数据统计（图标放大） ========== */
    #stats { padding: 60px 0; background: #fff; }
    .stats-icon {
      font-size: 3.8rem !important;
      color: #11be9b;
      margin-bottom: 12px;
      display: block;
    }
    .stats-number {
      font-size: 2.2rem;
      font-weight: 800;
      color: #222;
    }
    .stats-label {
      color: #888;
      font-size: 1rem;
      margin-top: 4px;
    }

    /* ========== 案例区 ========== */
    #cases { padding: 60px 0; background: #f8f9fa; }
    #cases .btn-outline-info {
      border-color: #11be9b;
      color: #11be9b;
      padding: 12px 30px;
      font-weight: 600;
    }
    #cases .btn-outline-info:hover {
      background: #11be9b;
      color: #fff;
    }

    /* ========== CTA 互联空间 ========== */
    #cta { padding: 60px 0; background-color:#17a2b8 }
    #cta .btn-light {
      font-weight: 600;
      padding: 10px 28px;
      color: #11be9b;
    }
    #cta .btn-outline-light {
      font-weight: 600;
      padding: 10px 28px;
    }
    #cta img {
      max-height: 56px !important;
      margin-bottom: 8px;
    }
    #cta small {
      font-size: .95rem;
      display: block;
      margin-top: 6px;
      color: rgba(255,255,255,.9);
    }

    /* ========== 响应式 ========== */
    @media (max-width: 768px) {
      #hero h1 { font-size: 1.5rem; }
      .price-display { font-size: 1.8rem; }
      .stats-number { font-size: 1.6rem; }
      .stats-icon { font-size: 2.8rem !important; }
      .feature-icon { font-size: 2.8rem !important; }
      .section-title { font-size: 1.4rem; }
      .contact-icon { font-size: 2.8rem !important; }
    }
    
/* ==========================================
   案例列表（Case List）美化样式
   适用：IT服务频道 - 旗下项目/案例展示
   依赖：Bootstrap 4.6
   ========================================== */

/* 卡片主体 */
.case-card {
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
  border-radius: .5rem; /* 圆角 */
  background-color: #fff;
}

/* 悬停效果：上浮 + 阴影加深 */
.case-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 10px 30px rgba(0,0,0,.12) !important;
}

/* 4:3 图片容器核心代码 */
.case-img-wrap {
  display: block;
  position: relative;
  width: 100%;
  padding-top: 75%; /* 4:3 比例 (3 / 4 * 100%) */
  background-color: #f8f9fa; /* 图片加载前的浅灰色背景 */
  overflow: hidden;
}

/* 图片样式：覆盖容器并保持比例 */
.case-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover; /* 关键：裁剪多余部分，保持比例不变形 */
  transition: transform 0.4s ease;
}

/* 悬停时图片轻微放大 */
.case-card:hover .case-img {
  transform: scale(1.05);
}

/* 卡片内容区域 */
.case-card .card-body {
  padding: 1rem; /* 内边距 */
}

/* 标题样式：单行省略，防止撑开 */
.case-card .card-title {
  font-size: 1rem; /* 标题大小 */
  font-weight: 600;
  line-height: 1.4;
  margin-bottom: .5rem;
  height: 2.8em; /* 固定2行高度，防止标题长短不一 */
  overflow: hidden;
}

.case-card .card-title a {
  color: #333;
  text-decoration: none;
}

.case-card .card-title a:hover {
  color: #007bff; /* Bootstrap Primary Color */
}

/* 标签与时间样式 */
.case-card .badge {
  font-weight: normal;
  padding: .3em .6em;
}

.case-card .text-warning {
  font-size: .75rem; /* 时间字体稍小 */
}

/* 按钮样式优化 */
.case-card .btn {
  border-radius: 4px;
  font-size: .875rem;
  padding: .375rem .75rem;
}

/* 兼容 Bootstrap 4 的 Spacing 调整 */
.mgb20 {
  margin-bottom: 1.5rem !important; /* 增强间距效果 */
}

/* 针对超小屏幕（手机）的微调 */
@media (max-width: 575.98px) {
  .case-card .card-title {
    font-size: .9rem;
    height: auto; /* 手机端取消固定高度，自适应 */
    margin-bottom: .3rem;
  }
  
  .case-card .card-body {
    padding: .75rem;
  }
}


/* 卡片容器 */
.product-card {
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
  background-color: #fff;
}

/* 悬停动效：上浮 */
.product-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 25px rgba(0,0,0,0.1) !important;
}

/* 4:3 图片容器核心代码 */
.product-img-wrap {
  display: block;
  position: relative;
  width: 100%;
  padding-top: 75%; /* 4:3 比例 (3 / 4 * 100%) */
  background-color: #f8f9fa; /* 图片加载前的占位背景 */
  overflow: hidden;
}

/* 图片自适应裁切 */
.product-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover; /* 关键：保持比例，填满容器，不拉伸变形 */
  transition: transform 0.4s ease;
}

/* 鼠标悬停时图片轻微放大 */
.product-card:hover .product-img {
  transform: scale(1.05);
}

/* 标题单行省略 */
.text-truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* 按钮组微调：防止在小屏幕下换行 */
.btn-group {
  border-radius: .25rem;
  overflow: hidden; 
}

/* ==========================================
   微信二维码卡片样式
   ========================================== */

.wechat-card {
    transition: all 0.3s ease;
    background-color: #fff;
}

/* 悬停动效：轻微上浮 + 阴影加深 */
.wechat-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

/* 图片容器：固定宽高比，确保扫描框居中 */
.qr-code-container {
    width: 150px;  /* 可以根据你的图片实际大小调整 */
    height: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff; /* 如果二维码图片有白边，这里设置白色背景 */
    border-radius: 8px;
    padding: 5px;
}

/* 确保二维码图片自适应容器 */
.qr-code-container img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain; /* 保持比例，完整显示 */
}

/* 底部间距微调 */
.wechat-card .card-body {
    padding: 1.5rem !important;
}

  .price-card {
      transition: all 0.3s ease;
      border: none;
      border-radius: 15px;
    }
    .price-card:hover {
      transform: translateY(-10px);
      box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important;
    }
    .price-icon img {
      width: 80px;
      height: 80px;
      margin-bottom: 1rem;
    }
    .price-value {
      font-size: 2.5rem;
      font-weight: 700;
      color: #dc3545; /* Bootstrap danger color */
    }
    .service-head h3 {
      font-weight: 600;
      position: relative;
      padding-bottom: 15px;
      margin-bottom: 30px;
    }
    .service-head h3::after {
      content: '';
      position: absolute;
      display: block;
      width: 60px;
      height: 3px;
      background: #007bff;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%);
    }
    .cta-jumbotron {
      background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
      color: white;
      border-radius: 15px;
    }
    
       /* ===== 云计算首页专属样式 ===== */

    /* Hero 区域 */
    .cloud-hero {
      background: linear-gradient(135deg, #1a2c4e 0%, #0d6efd 50%, #00c6ff 100%);
      padding: 60px 0 50px;
      border-radius: 0 0 18px 18px;
      margin-bottom: 10px;
    }
    .cloud-hero h1 {
      color: #fff;
      font-weight: 800;
      font-size: 2.5rem;
      margin-bottom: 15px;
      text-shadow: 2px 2px 4px rgba(0,0,0,0.2);
    }
    .cloud-hero h6 {
      color: rgba(255,255,255,0.85);
      font-size: 1.05rem;
      font-weight: 400;
      line-height: 1.7;
      max-width: 700px;
      margin: 0 auto 25px;
    }
    .cloud-hero .btn-white-outline {
      border: 2px solid #fff;
      color: #fff;
      background: transparent;
      padding: 10px 28px;
      font-weight: 500;
      transition: all .3s ease;
    }
    .cloud-hero .btn-white-outline:hover {
      background: #fff;
      color: #0d6efd;
    }
    .cloud-hero .btn-solid-light {
      background: #fff;
      color: #0d6efd;
      border: 2px solid #fff;
      padding: 10px 28px;
      font-weight: 500;
      transition: all .3s ease;
    }
    .cloud-hero .btn-solid-light:hover {
      background: rgba(255,255,255,0.9);
      color: #0d6efd;
    }

    /* 业务索引标题 */
    .cloud-index-title {
      color: #1a2c4e;
      font-weight: 700;
      margin-bottom: 25px;
    }
    .cloud-index-title a {
      color: #1a2c4e;
      text-decoration: none;
    }
    .cloud-index-title a:hover {
      color: #0d6efd;
    }

    /* 域名查询卡片 */
    .domain-search-card {
      border-radius: 14px;
      border: none;
      box-shadow: 0 4px 25px rgba(13, 110, 253, 0.08);
    }
    .domain-search-card .form-control-lg {
      border-radius: 8px 0 0 8px;
      border: 1px solid #dee2e6;
    }
    .domain-search-card .btn-lg {
      border-radius: 0 8px 8px 0;
    }

    /* 网站基础设施区域 */
    .infra-section {
      background: linear-gradient(180deg, #f8faff 0%, #fff 100%);
      border-radius: 18px;
      padding: 50px 0 40px;
      margin-top: 40px;
    }
    .infra-section h2 {
      color: #1a2c4e;
    }

    /* 套餐卡片 */
    .cloud-plan-card {
      border-radius: 16px !important;
      transition: transform 0.3s ease, box-shadow 0.3s ease;
      border: none;
    }
    .cloud-plan-card:hover {
      transform: translateY(-6px);
      box-shadow: 0 15px 40px rgba(13, 110, 253, 0.15) !important;
    }
    .cloud-plan-card .card-header {
      border-radius: 16px 16px 0 0 !important;
      border: none;
      padding: 22px 20px;
    }
    .cloud-plan-card .card-header h4 {
      margin: 0;
      font-weight: 700;
      font-size: 1.3rem;
    }
    .cloud-plan-card .price-value {
      font-size: 3rem;
      font-weight: 800;
      line-height: 1.1;
    }
    .cloud-plan-card .price-unit {
      font-size: 1rem;
      color: #6c757d;
    }
    .cloud-plan-card .feature-list li {
      padding: 7px 0;
      font-size: 0.92rem;
    }

    /* 普通版：浅蓝头 */
    .card-basic .card-header {
      background: #e7f1ff;
      color: #0d6efd;
    }
    .card-basic .price-value { color: #0d6efd; }

    /* 高级版：深蓝渐变头 + 推荐标签 */
    .card-pro .card-header {
      background: linear-gradient(135deg, #0d6efd 0%, #1a2c4e 100%);
      color: #fff;
      position: relative;
    }
    .card-pro .card-header .badge-recommend {
      position: absolute;
      top: -12px;
      right: 18px;
      background: #ffc107;
      color: #333;
      font-size: 0.75rem;
      font-weight: 700;
      padding: 4px 14px;
      border-radius: 20px;
      box-shadow: 0 2px 8px rgba(0,0,0,0.15);
    }
    .card-pro .price-value { color: #0d6efd; }

    /* 产品卡片（底部4个） */
    .product-card {
      border: none;
      border-radius: 14px;
      overflow: hidden;
      transition: transform 0.3s ease, box-shadow 0.3s ease;
      height: 100%;
    }
    .product-card:hover {
      transform: translateY(-5px);
      box-shadow: 0 12px 30px rgba(13, 110, 253, 0.12) !important;
    }
    .product-card .card-header {
      padding: 18px 15px 14px;
      border: none;
      text-align: center;
    }
    .product-card .card-header h5 {
      margin: 0;
      font-weight: 700;
      font-size: 1.1rem;
    }
    .product-card .price-wrap {
      text-align: center;
      padding: 18px 0 10px;
    }
    .product-card .price-value {
      font-size: 2.2rem;
      font-weight: 800;
      color: #0d6efd;
      line-height: 1.2;
    }
    .product-card .price-unit {
      font-size: 0.85rem;
      color: #6c757d;
    }
    .product-card .card-body {
      padding: 5px 22px 15px;
    }

    .product-card .card-footer {
      background: #fff;
      border-top: 1px solid #f0f0f0;
      padding: 16px;
      text-align: center;
    }

    /* 产品卡片配色 */
    .product-card-normal .card-header { background: #f0f4ff; color: #495057; }
    .product-card-pro .card-header {
      background: linear-gradient(135deg, #0d6efd 0%, #1a2c4e 100%);
      color: #fff;
    }
    .product-card-pro .card-header .badge-rec {
      display: inline-block;
      background: #ffc107;
      color: #333;
      font-size: 0.7rem;
      font-weight: 700;
      padding: 2px 10px;
      border-radius: 12px;
      margin-top: 4px;
    }
    
   /* 运营 */
    #operwrap {
      background: linear-gradient(135deg, #1a2c4e 0%, #0d6efd 50%, #00c6ff 100%);
      padding: 55px 0 45px;
      border-radius: 0 0 20px 20px;
      margin-bottom: 10px;
    }
    #operwrap h2 {
      color: #fff;
      font-weight: 700;
      font-size: 2.2rem;
      margin: 0;
      text-shadow: 2px 2px 4px rgba(0,0,0,0.25);
      transition: opacity 0.3s;
    }
    #operwrap h2:hover {
      opacity: 0.85;
    }
    #operwrap h4 {
      color: rgba(255,255,255,0.9);
      font-weight: 400;
      margin-top: 8px;
      letter-spacing: 2px;
    }
    #operwrap a {
      text-decoration: none;
    }

    /* Logo区域 */
    .brand-logo-wrap {
      text-align: center;
      padding: 30px 0 10px;
    }
    .brand-logo-wrap img {
      border-radius: 12px;
      transition: transform 0.3s ease;
      max-width: 100%;
      height: auto;
    }
    .brand-logo-wrap img:hover {
      transform: scale(1.02);
    }

    /* 全能网队说明区域 */
    .qnzz-content {
      background: #fff;
      border-radius: 14px;
      box-shadow: 0 3px 20px rgba(0,0,0,0.06);
      padding: 30px 35px;
      margin: 25px 0;
      line-height: 1.9;
    }
    .qnzz-content p {
      color: #555;
      margin-bottom: 10px;
    }
    .qnzz-content h2,
    .qnzz-content h3,
    .qnzz-content h4 {
      color: #1a2c4e;
      font-weight: 600;
      margin-top: 20px;
      margin-bottom: 12px;
    }

    .oper-index-section {
      background: linear-gradient(135deg, #eef2ff 0%, #e8f4ff 100%);
      padding: 40px 30px 35px;
      border-radius: 15px;
      margin: 35px 0 25px;
    }
    .oper-index-section h3 {
      text-align: center;
      margin-bottom: 25px;
    }
    .oper-index-section h3 a {
      color: #1a2c4e;
      text-decoration: none;
      font-weight: 700;
      font-size: 1.35rem;
      transition: color 0.3s;
    }
    .oper-index-section h3 a:hover {
      color: #0d6efd;
    }
    .oper-index-section h3 a::before {
      content: "\F4D1";
      font-family: "bootstrap-icons";
      margin-right: 8px;
      color: #0d6efd;
      vertical-align: middle;
    }

    /* ecmsinfo 列表容器间距 */
    .oper-index-section .row {
      margin-left: -12px;
      margin-right: -12px;
    }
    .oper-index-section [class*="col-"] {
      padding-left: 12px;
      padding-right: 12px;
      margin-bottom: 24px;
    }

    /* 自定义字段内容区 */
    .oper-intro-card {
      background: #fff;
      padding: 30px 35px;
      border-radius: 12px;
      box-shadow: 0 3px 20px rgba(0,0,0,0.06);
      margin: 30px 0 20px;
      line-height: 1.9;
    }
    .oper-intro-card p {
      color: #555;
      margin-bottom: 10px;
    }
    .oper-intro-card h2,
    .oper-intro-card h3,
    .oper-intro-card h4 {
      color: #333;
      margin-top: 22px;
      margin-bottom: 12px;
      font-weight: 600;
      padding-left: 14px;
      border-left: 4px solid #0d6efd;
    }
    
       /* 仅用于微调，不覆盖Bootstrap核心 */
    .service-icon {
      max-width: 120px;
      margin-bottom: 1rem;
    }
    .feature-list li {
      margin-bottom: 0.75rem;
    }
    .feature-list i {
      color: #007bff; /* 使用Bootstrap主色 */
      margin-right: 8px;
    }
        /* ===== SEM服务页专属样式 ===== */

    /* 页面标题区 */
    .sem-page-header {
      background: linear-gradient(135deg, #1a2c4e 0%, #0d6efd 50%, #00c6ff 100%);
      padding: 45px 0 35px;
      border-radius: 0 0 18px 18px;
      margin-bottom: 30px;
    }
    .sem-page-header h1 {
      color: #fff;
      font-weight: 700;
      margin: 0 0 8px;
      text-shadow: 2px 2px 4px rgba(0,0,0,0.2);
    }
    .sem-page-header small {
      color: rgba(255,255,255,0.8);
      font-size: 1rem;
      font-weight: 400;
    }

    /* 自定义字段内容区 */
    .sem-intro-card {
      background: #fff;
      padding: 30px 35px;
      border-radius: 12px;
      box-shadow: 0 3px 20px rgba(0,0,0,0.06);
      margin-bottom: 35px;
      line-height: 1.9;
    }
    .sem-intro-card p {
      color: #555;
      margin-bottom: 10px;
    }
    .sem-intro-card h2,
    .sem-intro-card h3,
    .sem-intro-card h4 {
      color: #333;
      margin-top: 22px;
      margin-bottom: 12px;
      font-weight: 600;
      padding-left: 14px;
      border-left: 4px solid #0d6efd;
    }

    /* 定价卡片 */
    .sem-pricing-card {
      border: none;
      border-radius: 14px;
      overflow: hidden;
      transition: transform 0.3s ease, box-shadow 0.3s ease;
      height: 100%;
    }
    .sem-pricing-card:hover {
      transform: translateY(-6px);
      box-shadow: 0 12px 35px rgba(13, 110, 253, 0.15) !important;
    }
    .sem-pricing-card .card-header {
      padding: 22px 20px 18px;
      border-bottom: none;
    }
    .sem-pricing-card .card-header h4 {
      margin: 0;
      font-weight: 700;
      font-size: 1.25rem;
    }
    .sem-pricing-card .price-value {
      font-size: 2.5rem;
      font-weight: 800;
      line-height: 1.2;
    }
    .sem-pricing-card .price-unit {
      font-size: 0.95rem;
      color: #6c757d;
      font-weight: 400;
    }
    .sem-pricing-card .card-body {
      padding: 25px 22px;
    }
    .sem-pricing-card .card-body p {
      color: #555;
      margin-bottom: 0;
    }
    .sem-pricing-card .card-footer {
      background: #fff;
      border-top: 1px solid #f0f0f0;
      padding: 20px;
      text-align: center;
    }

    /* 基础版（左）：浅蓝头 */
    .sem-card-basic .card-header {
      background: #e7f1ff;
      color: #0d6efd;
    }
    .sem-card-basic .price-value {
      color: #0d6efd;
    }

    /* 高级版（右）：深蓝头，突出 */
    .sem-card-pro .card-header {
      background: linear-gradient(135deg, #0d6efd 0%, #1a2c4e 100%);
      color: #fff;
    }
    .sem-card-pro .price-value {
      color: #0d6efd;
    }

    /* 底部说明 */
    .sem-note {
      background: #fff8e1;
      border-left: 4px solid #ffc107;
      padding: 16px 20px;
      border-radius: 8px;
      color: #666;
      font-size: 0.9rem;
      line-height: 1.8;
      margin: 30px 0 10px;
    }
    .sem-note strong {
      color: #e67e22;
    }
        /* ===== 自媒体运营页专属样式（延续运营系列风格） ===== */

    /* 页面标题区 */
    .media-page-header {
      background: linear-gradient(135deg, #1a2c4e 0%, #0d6efd 50%, #00c6ff 100%);
      padding: 45px 0 35px;
      border-radius: 0 0 18px 18px;
      margin-bottom: 30px;
    }
    .media-page-header h1 {
      color: #fff;
      font-weight: 700;
      margin: 0 0 8px;
      text-shadow: 2px 2px 4px rgba(0,0,0,0.2);
    }
    .media-page-header small {
      color: rgba(255,255,255,0.8);
      font-size: 1rem;
      font-weight: 400;
    }

    /* 正文介绍区 */
    .media-intro-card {
      background: #fff;
      padding: 30px 35px;
      border-radius: 12px;
      box-shadow: 0 3px 20px rgba(0,0,0,0.06);
      margin-bottom: 30px;
      line-height: 1.9;
    }
    .media-intro-card p {
      color: #555;
      margin-bottom: 12px;
    }

    /* 图片展示区 */
    .media-gallery {
      text-align: center;
      margin: 25px 0 30px;
    }
    .media-gallery img {
      max-width: 100%;
      height: auto;
      border-radius: 10px;
      box-shadow: 0 4px 20px rgba(0,0,0,0.08);
      transition: transform 0.3s ease;
    }
    .media-gallery img:hover {
      transform: scale(1.01);
    }
    .media-gallery img + img {
      margin-top: 15px;
    }

    /* 代运营费标题 */
    .media-price-title {
      color: #1a2c4e;
      font-weight: 700;
      margin: 35px 0 10px;
      padding-left: 14px;
      border-left: 4px solid #0d6efd;
    }
    .media-price-desc {
      color: #666;
      background: #f0f4ff;
      padding: 14px 18px;
      border-radius: 8px;
      margin-bottom: 25px;
      font-size: 0.95rem;
    }

    /* 定价卡片 */
    .media-pricing-card {
      border: none;
      border-radius: 14px;
      overflow: hidden;
      transition: transform 0.3s ease, box-shadow 0.3s ease;
      height: 100%;
    }
    .media-pricing-card:hover {
      transform: translateY(-6px);
      box-shadow: 0 12px 35px rgba(13, 110, 253, 0.15) !important;
    }
    .media-pricing-card .card-header {
      padding: 22px 20px 18px;
      border-bottom: none;
    }
    .media-pricing-card .card-header h5 {
      margin: 0;
      font-weight: 700;
      font-size: 1.2rem;
    }
    .media-pricing-card .price-value {
      font-size: 2.5rem;
      font-weight: 800;
      line-height: 1.2;
    }
    .media-pricing-card .price-unit {
      font-size: 0.95rem;
      color: #6c757d;
      font-weight: 400;
    }
    .media-pricing-card .card-body {
      padding: 25px 22px;
    }
    .media-pricing-card .card-body p {
      color: #555;
      margin-bottom: 0;
    }
    .media-pricing-card .card-footer {
      background: #fff;
      border-top: 1px solid #f0f0f0;
      padding: 20px;
      text-align: center;
    }

    /* 运营费卡片（左，8列）：蓝色头 */
    .media-card-price .card-header {
      background: #e7f1ff;
      color: #0d6efd;
    }
    .media-card-price .price-value {
      color: #0d6efd;
    }

    /* 注意事项卡片（右，4列）：橙色头，提示风格 */
    .media-card-notice .card-header {
      background: linear-gradient(135deg, #fd7e14 0%, #e67e22 100%);
      color: #fff;
    }
    .media-card-notice .card-body {
      background: #fff9f0;
    }
    .media-card-notice .card-body p {
      font-size: 0.9rem;
      line-height: 1.7;
    }
       /* ===== 内容生产页专属样式（延续运营系列蓝紫系） ===== */

    /* 页面标题区 */
    .content-page-header {
      background: linear-gradient(135deg, #1a2c4e 0%, #0d6efd 50%, #00c6ff 100%);
      padding: 45px 0 35px;
      border-radius: 0 0 18px 18px;
      margin-bottom: 30px;
    }
    .content-page-header h1 {
      color: #fff;
      font-weight: 700;
      margin: 0 0 8px;
      text-shadow: 2px 2px 4px rgba(0,0,0,0.2);
    }
    .content-page-header small {
      color: rgba(255,255,255,0.8);
      font-size: 1rem;
      font-weight: 400;
    }

    /* 通用卡片容器 */
    .content-card {
      background: #fff;
      padding: 30px 35px;
      border-radius: 12px;
      box-shadow: 0 3px 20px rgba(0,0,0,0.06);
      margin-bottom: 30px;
      line-height: 1.9;
    }
    .content-card p {
      color: #555;
      margin-bottom: 10px;
    }

    /* 大图展示 */
    .content-hero-img {
      text-align: center;
      margin: 0 0 30px;
    }
    .content-hero-img img {
      max-width: 100%;
      height: auto;
      border-radius: 12px;
      box-shadow: 0 5px 25px rgba(0,0,0,0.1);
    }

    /* 板块标题 */
    .content-section-title {
      color: #1a2c4e;
      font-weight: 700;
      margin: 40px 0 15px;
      padding-left: 14px;
      border-left: 4px solid #0d6efd;
    }

    /* 特色列表（替代旧 .dot 类） */
    .content-feature-list {
      list-style: none;
      padding: 0;
      margin: 0 0 20px;
    }
    .content-feature-list li {
      padding: 6px 0;
      color: #555;
    }
    .content-feature-list li i {
      color: #0d6efd;
      margin-right: 8px;
      font-size: 1.1rem;
      vertical-align: middle;
    }

    /* 定价卡片通用 */
    .content-pricing-card {
      border: none;
      border-radius: 14px;
      overflow: hidden;
      transition: transform 0.3s ease, box-shadow 0.3s ease;
      height: 100%;
    }
    .content-pricing-card:hover {
      transform: translateY(-6px);
      box-shadow: 0 12px 35px rgba(13, 110, 253, 0.15) !important;
    }
    .content-pricing-card .card-header {
      padding: 18px 15px 14px;
      border-bottom: none;
      text-align: center;
    }
    .content-pricing-card .card-header h5 {
      margin: 0;
      font-weight: 700;
      font-size: 1.15rem;
    }
    .content-pricing-card .price-value {
      font-size: 2.2rem;
      font-weight: 800;
      line-height: 1.2;
    }
    .content-pricing-card .price-unit {
      font-size: 0.9rem;
      color: #6c757d;
      font-weight: 400;
    }
    .content-pricing-card .card-body {
      padding: 22px 18px;
      text-align: center;
    }
    .content-pricing-card .card-body p {
      color: #555;
      margin-bottom: 6px;
      font-size: 0.9rem;
    }
    .content-pricing-card .card-footer {
      background: #fff;
      border-top: 1px solid #f0f0f0;
      padding: 18px;
      text-align: center;
    }

    /* 文章写作 - 原创（主推蓝） */
    .card-article-original .card-header { background: #e7f1ff; color: #0d6efd; }
    .card-article-original .price-value { color: #0d6efd; }

    /* 文章写作 - 半原创（普通灰蓝） */
    .card-article-semi .card-header { background: #f0f4ff; color: #495057; }
    .card-article-semi .price-value { color: #495057; }

    /* 文章写作 - AI调稿（免费绿色） */
    .card-article-ai .card-header { background: linear-gradient(135deg, #28a745 0%, #20c997 100%); color: #fff; }
    .card-article-ai .price-value { color: #28a745; font-size: 1.6rem; }

    /* 视频制作 - A级（突出深蓝） */
    .card-video-a .card-header { background: linear-gradient(135deg, #0d6efd 0%, #1a2c4e 100%); color: #fff; }
    .card-video-a .price-value { color: #0d6efd; }

    /* 视频制作 - B/C/D级 */
    .card-video-b .card-header { background: #e7f1ff; color: #0d6efd; }
    .card-video-c .card-header { background: #f8f9fa; color: #495057; }
    .card-video-d .card-header { background: #f8f9fa; color: #495057; }
    .card-video-b .price-value, .card-video-c .price-value, .card-video-d .price-value { color: #0d6efd; }

    /* 图片制作 - A级（主推） */
    .card-img-a .card-header { background: linear-gradient(135deg, #0d6efd 0%, #1a2c4e 100%); color: #fff; }
    .card-img-a .price-value { color: #0d6efd; }

    /* 图片制作 - B/C级 */
    .card-img-b .card-header { background: #e7f1ff; color: #0d6efd; }
    .card-img-c .card-header { background: #f8f9fa; color: #495057; }
    .card-img-b .price-value, .card-img-c .price-value { color: #0d6efd; }

    /* 环境图片 */
    .env-img-wrap {
      text-align: center;
      margin: 20px 0;
    }
    .env-img-wrap img {
      max-width: 100%;
      border-radius: 10px;
      box-shadow: 0 4px 18px rgba(0,0,0,0.08);
    }
        /* 网站建设 */
    #conswrap {
      background: linear-gradient(135deg, #1a2c4e 0%, #0d6efd 50%, #00c6ff 100%);
      padding: 55px 0 45px;
      border-radius: 0 0 20px 20px;
      margin-bottom: 10px;
    }
    #conswrap h2 {
      color: #fff;
      font-weight: 700;
      font-size: 2.2rem;
      margin: 0;
      text-shadow: 2px 2px 4px rgba(0,0,0,0.25);
      transition: opacity 0.3s;
    }
    #conswrap h2:hover {
      opacity: 0.85;
    }
    #conswrap h4 {
      color: rgba(255,255,255,0.9);
      font-weight: 400;
      margin-top: 8px;
      letter-spacing: 2px;
    }
    #conswrap a {
      text-decoration: none;
    }


    /* 美工设计 */
    .design-page-header {
      background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
      padding: 45px 0 35px;
      border-radius: 0 0 18px 18px;
      margin-bottom: 30px;
    }
    .design-page-header h1 {
      color: #fff;
      font-weight: 700;
      margin: 0;
      text-shadow: 2px 2px 4px rgba(0,0,0,0.2);
    }

    /* 正文排版 */
    .design-content {
      font-size: 1rem;
      line-height: 1.9;
      color: #555;
    }
    .design-content p {
      margin-bottom: 1.1rem;
    }
    .design-content h4 {
      color: #2c3e50;
      font-weight: 700;
      margin-top: 2rem;
      margin-bottom: 0.8rem;
      padding-left: 14px;
      border-left: 4px solid #667eea;
    }

    /* 图片统一样式 */
    .design-content img {
      max-width: 100%;
      height: auto;
      border-radius: 10px;
      transition: transform 0.3s ease;
    }
    .design-content img:hover {
      transform: scale(1.01);
    }
    .design-content p.text-center img {
      box-shadow: 0 4px 20px rgba(0,0,0,0.1);
    }

    /* 业务索引区域 */
    .design-index-section {
      background: linear-gradient(135deg, #f0f4ff 0%, #e8ecf1 100%);
      padding: 40px 30px 35px;
      border-radius: 15px;
      margin-top: 20px;
    }
    .design-index-section h3 a {
      color: #2c3e50;
      text-decoration: none;
      font-weight: 700;
      font-size: 1.35rem;
      transition: color 0.3s;
    }
    .design-index-section h3 a:hover {
      color: #667eea;
    }
    .design-index-section h3 a::before {
      content: "\F4D1";
      font-family: "bootstrap-icons";
      margin-right: 8px;
      color: #667eea;
      vertical-align: middle;
    }

    /* ecmsinfo 列表容器间距 */
    .design-index-section .row {
      margin-left: -12px;
      margin-right: -12px;
    }
    .design-index-section [class*="col-"] {
      padding-left: 12px;
      padding-right: 12px;
      margin-bottom: 24px;
    }
    /* 容器：横向排列，自动间距 */
    .service-badge-group {
        display: flex;
        align-items: center;
        justify-content: center; /* 如果嫌太宽可以改为 flex-start 或加上 overflow-x: auto */
        gap: 18px; /* 图标之间的间距 */
        padding: 20px 0;
        flex-wrap: wrap; /* 允许换行 */
    }

    /* 单个徽章样式 */
    .service-badge {
        width: 100px;   /* 直径 */
        height: 100px;
        border-radius: 50%; /* 圆形 */
        background-color: #f0f0f0; /* 浅灰背景 */
        border: 3px solid #a0a0a0; /* 灰色边框 */
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        font-family: "Microsoft YaHei", sans-serif;
        font-weight: bold;
        color: #333;
        font-size: 16px;
        line-height: 1.2;
        box-shadow: 0 2px 4px rgba(0,0,0,0.1);
        flex-shrink: 0; /* 防止被压缩 */
    }

    /* “更多”图标的特殊样式 */
    .more-badge {
        background-color: transparent;
        border: none;
        font-size: 24px;
        color: #999;
        cursor: default;
    }

   
    .service-badge:not(.more-badge):hover {
        transform: scale(1.05);
        border-color: #666;
        background-color: #fff;
    }
   .service-tabs { background: #f8f9fa; padding: 50px 0; }
       /* IT频道专属风格：科技蓝 */
    :root {
        --it-primary: #0d6efd; /* Bootstrap Blue */
        --it-dark: #1a2c4e;
    }


 #servicewrap {
      background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url("/_mirror/1597b85bac0124da879a38238c3ed6d1c68fbd71acc364b57d1de84cf9a695d4") center center no-repeat;
      background-size: cover;
      padding: 80px 0;
    }
    #servicewrap h1 { color: #fff; font-size: 2.8rem; font-weight: 700; }
    #servicewrap h6 { color: rgba(255,255,255,0.8); letter-spacing: 2px; }

   .service .col-lg-3 {
      transition: all 0.3s ease;
      padding: 25px 15px;
      border-radius: 8px;
      background: #fff;
      margin-bottom: 20px;
      box-shadow: 0 5px 15px rgba(0,0,0,0.05);
    }
    .service .col-lg-3:hover {
      transform: translateY(-10px);
      box-shadow: 0 15px 30px rgba(0,0,0,0.1);
    }
    .service img {
      height: 60px; 
    }


    /* 引导链接美化 */
    .guide-links a {
        display: inline-block;
        background: #e9ecef;
        padding: 5px 12px;
        border-radius: 4px;
        margin: 0 5px 5px 0;
        text-decoration: none;
        transition: all 0.2s;
        color: #495057;
    }
    .guide-links a:hover {
        background: var(--it-primary);
        color: #fff;
    }

  
    #sp1 {
        background: linear-gradient(135deg, #0d6efd 0%, #1a2c4e 100%);
    }
    #sp1 h5 { font-size: 1.2rem; }

    /* 长期合作列表 */
    .reason-list .reason-item {
        border-left: 3px solid #dee2e6;
        padding-left: 15px;
        margin-bottom: 20px;
        transition: all 0.3s;
    }
    .reason-list .reason-item:hover {
        border-left-color: var(--it-primary);
    }
    /* lanisky公司 */
    .nav-pills.flex-column .nav-link {
      border-radius: 0; padding: 18px 24px; font-size: 16px;
      color: #333; background: #fff; border-left: 4px solid transparent;
      margin-bottom: 6px; transition: all .3s;
    }
    .nav-pills.flex-column .nav-link.active {
      color: #17a2b8; font-weight: 600; border-left-color: #17a2b8;
      box-shadow: 0 4px 12px rgba(0,0,0,.06);
    }
    .tab-content-panel {
      background: #fff; padding: 40px; border-radius: 8px;
      box-shadow: 0 8px 30px rgba(0,0,0,.08); min-height: 360px;
    }
    .tab-content-panel h3 { font-size: 26px; margin-bottom: 5px; }
    .tab-content-panel h6 { color: #17a2b8; font-size: 14px; letter-spacing: 1px; margin-bottom: 20px; }
    .tab-content-panel p { font-size: 15px; line-height: 1.8; color: #555; }
    .tab-step-num {
      display: inline-block; width: 32px; height: 32px; line-height: 32px;
      text-align: center; background: #17a2b8; color: #fff;
      border-radius: 50%; font-weight: 700; margin-right: 8px;
    }
    
    

.news-list-mobile-full .hover-bg-light {
    transition: background-color 0.3s ease;
}
.news-list-mobile-full .hover-bg-light:hover {
    background-color: #f8f9fa;
}

.news-list-mobile-full .card-img-scale {
    transition: transform 0.4s ease;
}
.news-list-mobile-full .hover-bg-light:hover .card-img-scale {
    transform: scale(1.03);
}

.news-list-mobile-full .hover-primary {
    transition: color 0.3s ease;
}
.news-list-mobile-full .hover-primary:hover {
    color: #007bff !important;
}

.news-list-mobile-full .badge-primary-light {
    background-color: #e7f1ff;
    color: #007bff;
    padding: 0.3em 0.6em;
    font-size: 0.7rem;
}

.news-list-mobile-full .bi {
    vertical-align: middle;
}


@media (min-width: 768px) {
    .news-list-mobile-full .card {
        display: flex !important;
        flex-direction: column !important;
        justify-content: space-between !important;
        margin-bottom: 20px !important;
        box-shadow: 0 2px 8px rgba(0,0,0,0.05) !important;
        border: 1px solid #eee !important;
        border-radius: 8px !important;
        overflow: hidden !important;
    }

    .news-list-mobile-full .pc-view-wrapper .card-body {
        padding: 20px !important;
        flex-grow: 1;
        display: flex;
        flex-direction: column;
    }

    .news-list-mobile-full .pc-view-wrapper .row {
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100%;
    }
    
    .news-list-mobile-full .pc-view-wrapper .col-md-9 {
        padding-right: 15px !important;
    }
    
    .news-list-mobile-full .pc-view-wrapper .col-md-3 {
        padding-left: 15px !important;
        padding-right: 0 !important;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .news-list-mobile-full .pc-view-wrapper img {
        border-radius: 4px !important;
        height: 140px !important;
        width: 100% !important;
        object-fit: cover !important;
    }

    .news-list-mobile-full .card-title {
        font-size: 20px!important;
        font-weight: 600 !important;
        margin-bottom: 10px !important;
        white-space: normal !important;
        line-height: 1.4;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .news-list-mobile-full .card-text {
        font-size: 15px!important;
        color: #666 !important;
        margin-bottom: 15px !important;
        flex-grow: 1;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .news-list-mobile-full .pc-view-wrapper .card-body > div:last-child {
        margin-top: auto;
        padding-top: 10px;
        border-top: 1px solid #f5f5f5;
    }
    
    .news-list-mobile-full .pc-view-wrapper .text-muted {
        font-size: 0.8rem !important;
        color: #999 !important;
    }
}


@media (max-width: 767.98px) {
    .news-list-mobile-full .card {
        display: block !important; 
        margin-bottom: 15px !important; 
        box-shadow: 0 1px 3px rgba(0,0,0,0.08) !important; 
        border: none !important; 
        border-radius: 8px !important; 
        overflow: hidden !important;
        background-color: #fff;
    }

    .news-list-mobile-full .mobile-img-col {
        padding-left: 0 !important; 
        padding-right: 0 !important;
        margin-left: 0;
        margin-right: 0;
        width: 100%;
        overflow: hidden;
        background-color: #f8f9fa;
    }


    .news-list-mobile-full .mobile-img-col img {
        border-radius: 0 !important;
        height: 210px !important;
        width: 100% !important;
        object-fit: cover;
        padding: 0 5px; 
        box-sizing: border-box;
    }


    .news-list-mobile-full .news-item-body {
        position: relative;
        padding: 12px 15px 45px 15px !important; 
        min-height: auto;
    }


    .news-list-mobile-full .meta-footer {
        position: absolute;
        bottom: 12px;
        left: 15px;
        right: 15px;
        font-size: 14px;
        color: #6c757d;
    }


    .news-list-mobile-full .card-title {
        white-space: normal !important;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
        line-height: 1.4;
        height: auto;
        font-size: 18px!important;
        margin-bottom: 8px !important;
    }
}

.col-md-3:nth-child(4n+1){
clear:left!important;
}
.col-md-4:nth-child(3n+1){
clear:left!important;
}
.menuon {font-weight: bold!important}