@charset "UTF-8";
body { color: #2b3242; }

a { color: #2b3242;}

a:hover { color: #dd514c;}

.am-alert { margin-bottom: 0;}

.m-hd ul,
.m-header-banner ul { padding: 0;}
.m-hd ul li,
.m-header-banner ul li { list-style-type: none;}

a,
a:hover,
.m-partner li img,
.m-partner li img:hover,
.m-contact-infobox,
.m-contact-infobox:hover,
.m-footer .ico i,
.m-footer .ico i:hover,
.m-service-page .ico ul li span,
.m-service-page .ico ul li span:hover,
.m-hd .am-sticky,
.m-service-list li:hover { -webkit-filter: none; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}

[class*=am-u-] + [class*=am-u-]:last-child { float: left;}

.m-images-container section img,
.m-news-container section img { max-width: 100%; height: auto;}

.am-container { max-width: 1200px;}
.am-container li{ font-size:1.4rem;}

.z-container { max-width:1100px; margin:auto; overflow:auto;}

.am-g-fixed { max-width: 1200px;}

/* 头部 */
.m-hd { width: 100%; z-index: 2; /* position: absolute;background-color:rgba(255,255,255,.9)!important;*/ background-color:#FFFFFF; padding: 8px;}
.m-hdm { position: fixed; right: 0; top: 0; z-index: 999; width: 100%; height: 130px; padding: 45px 0 0 0;}
.m-hd ul { margin: 0;}
.m-hd ul li { list-style-type: none;}
.m-hd .am-container { position: relative;}
.m-hd .am-sticky { background: #fff; padding: 8px 0; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85); opacity: 0.95; box-shadow: rgba(0,0,0,.2) 0px 2px 5px; width:100%;}
.m-hd .am-header-fixed { position: fixed; top: 0; left: 0; right: 0; width: 100%; z-index: 1010;}
.am-with-fixed-header { padding-top: 0;}

.m-hd .am-header a { color: #333;}
.m-hd .m-nav a { color: #333;}
.m-hd .m-nav a:hover { background: #ba1f2e; color:#FFFFFF; border-radius: 2px; -webkit-transition: background-color 300ms ease-out, border-color 300ms ease-out; transition: background-color 300ms ease-out, border-color 300ms ease-out;}
.m-hdactive { background: #e60012; color:#FFFFFF; border-radius: 2px; -webkit-transition: background-color 300ms ease-out, border-color 300ms ease-out; transition: background-color 300ms ease-out, border-color 300ms ease-out;}
/* 导航菜单选中样式 */
.mactive{ background: #d22e3e; color:#FFFFFF!important;}
.m-hdactive a:visited,.m-hdactive a:link{ background: #e60012; color:#FFFFFF; border-radius: 2px; -webkit-transition: background-color 300ms ease-out, border-color 300ms ease-out; transition: background-color 300ms ease-out, border-color 300ms ease-out;}
.m-hd .am-nav > li.am-active > a, .m-hd .am-nav > li.am-active > a:focus, .m-hd .am-nav > li.am-active > a:hover { color: #fff; background-color: #e60012; cursor: default;}
.m-hd .am-dropdown-content { background: #e60012; border: none;}
.m-hd .am-dropdown-content > li > a:hover { color: #fff;}
.m-hd .am-dropdown-content:after, .m-hd .am-dropdown-content:before { border: 8px dashed #e60012;}
.m-hd .am-dropdown-content > .am-active > a,
.m-hd .am-dropdown-content > .am-active > a:focus,
.m-hd .am-dropdown-content > .am-active > a:hover { background-color: #e60012;}

.m-logo { display: block; float: left; font-size: 22px; line-height: 45px; width: 173px; color: #fff; text-indent: -9999px; background: url('../images/logom.png') no-repeat left center; -webkit-background-size: 173px 45px; background-size: 173px 45px; margin-right: 20px;}

.m-about li { float: left; margin-left: 5px;}

#r-nav .am-offcanvas-bar { width: 200px; background-color:#fff;}
#r-nav .am-offcanvas-bar:after { background: #f3f3f3;}
#r-nav .am-offcanvas-content a{ color:#333; text-indent:8px;}
#r-nav .logo { margin-bottom: 20px;}
#r-nav p { border-bottom: 1px solid #f3f3f3;  padding-bottom: 20px;}

/* 头部大banner */
.m-header-banner { height: 680px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center; background-repeat: no-repeat; padding-top: 260px; color: #fff;}
.m-header-banner h2 { font-size: 50px; margin: 0; font-weight: 100;}
.m-header-banner p { font-size: 20px;}
.m-header-banner nav { display: inline-block;}
.m-header-banner nav li { float: left; margin-right: 10px; font-size: 12px;}
.m-header-banner nav li a { color: #fff;}
.m-header-banner nav li.am-active a { font-weight: bold;}
.m-header-1 { height: 180px; padding-top: 145px;  background: #1a1f2a;}
.m-list-header { height: 550px;}

@media screen and (min-width: 960px) and (max-width: 1199px) {
  .m-header-banner { height: 600px; padding-top: 240px;}
  .m-header-banner h2 { font-size: 46px; margin: 0;}
  .m-header-banner p { font-size: 20px; padding: 0; width: 70%;}
  .m-header-1 { height: 180px; padding-top: 145px;}
}
@media screen and (min-width: 768px) and (max-width: 959px) {
  .m-hd .am-nav > li > a { position: relative; display: block; padding: 0.4em; font-size: 14px;}
  .m-hd .m-about li { float: left; margin-left: 5px; font-size: 14px;}
  .m-hd .am-btn { padding: 0.5em 0.4em;}
  .m-header-banner { height: 480px; padding-top: 220px; text-align: center;}
  .m-header-banner h2 { font-size: 30px; margin: 0;}
  .m-header-banner p { font-size: 20px; padding: 0; margin: 30px 0 15px 0;}
  .m-header-1 { height: 180px; padding-top: 145px; text-align: left;}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .m-hd { height: 50px; padding: 0;}
  .m-hd .am-nav > li > a { position: relative; display: block; padding: 0.4em; font-size: 14px;}
  .m-hd .m-about { display: none;}
  .m-hd .m-about li { float: left; margin-left: 5px; font-size: 14px;}
  .m-hd .am-btn { padding: 0.5em 0.4em;}
  .m-header-banner { height: 380px; padding-top: 120px; text-align: center;}
  .m-header-banner h2 { font-size: 30px; margin: 0;}
  .m-header-banner p { font-size: 18px; padding: 0; margin: 20px 0 15px 0;}
  .m-header-1 { height: 120px; padding-top: 75px; text-align: left;}
}
@media screen and (max-width: 479px) {
  .m-hd { height: 50px; padding: 0;}
  .m-header-banner { height: 380px; padding-top: 120px; text-align: center;}
  .m-header-banner h2 { font-size: 30px; margin: 0;}
  .m-header-banner p { font-size: 14px; padding: 0; margin: 0;}
  .m-header-1 { height: 120px; padding-top: 75px; text-align: left;}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  .m-logo { background: url('../images/logom.png'); -webkit-background-size: 173px 45px; background-size: 173px 45px; background-repeat: no-repeat;}
}
.am-btn-danger { background: #d22e3e; border: 1px solid #d22e3e;}
.am-btn-danger:hover { background: #ba1f2e; border: 1px solid #ba1f2e;}

.m-home-box { padding-bottom: 20px;}
.m-home-box h2 { /*width:226px; height:140px; background-image:url(../images/serbg.jpg); line-height: 140px; overflow: hidden;*/ margin:auto; font-size:150%; font-weight:400; text-align:center; padding:30px 0 8px; color:#000;}
.m-home-box p { margin: 0 0 5px 0; font-size: 14px; color: #A6A6A6; text-align:center; font-style: italic;}
.m-home-box ul h2 { padding: 0; margin: 0;}

.m-mn-box { position: relative; background-color: #fff; margin-bottom: 15px;}
.m-mn-box section h2 { margin: 0; padding: 0;}
.m-mn-box section h3 { margin: 20px 0 10px 0; padding: 0;}
.m-mn-box section p { margin-top: 0;}

.m-container { margin: 0 0 60px 0;}

/*
 *首页幻灯片
*/
.am-slider-i2 .am-slider-images { height: 430px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center; background-repeat: no-repeat; color: #fff;}
.am-slider-i2 .am-slider-desc { position: absolute; left: 0; top: 30%; right: 0; color: #ffffff; text-align: center;}
.am-slider-i2 .am-slider-content h2 { font-size: 40px; margin: 0; padding: 0;}
.am-slider-i2 .am-slider-content p { margin: 0; display: block; word-wrap: normal; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 30px;}
.am-slider-i2 .am-slider-title { font-weight: normal; margin-bottom: 5px; display: block; word-wrap: normal; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.am-slider-i2 .am-slider-en { font-size: 12px;}
.am-slider-i2 .am-btn { margin-top: 20px; margin-right: 10px;}
.am-slider-i2 .am-direction-nav, .am-slider-i2 .am-pauseplay { display: none;}

@media screen and (min-width: 960px) and (max-width: 1199px) {
  .am-slider-i2 .am-slider-images { height: 430px;}
  .am-slider-i2 .am-slider-desc { top: 30%;}
  .am-slider-i2 .am-direction-nav, .am-slider-i2 .am-pauseplay { display: none;}
}
@media screen and (min-width: 768px) and (max-width: 959px) {
  .am-slider-i2 .am-slider-images { height: 430px;}
  .am-slider-i2 .am-slider-desc { top: 30%;}
  .am-slider-i2 .am-slider-content h2 { font-size: 40px;}
  .am-slider-i2 .am-slider-content p { font-size: 24px;}
  .am-slider-i2 .am-btn { margin-top: 10px;}
  .am-slider-i2 .am-direction-nav, .am-slider-i2 .am-pauseplay { display: none;}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .am-slider-i2 .am-slider-images { height: 280px;}
  .am-slider-i2 .am-slider-desc { text-align: center; top: 30%;}
  .am-slider-i2 .am-slider-content h2 { font-size: 20px;}
  .am-slider-i2 .am-slider-content p { font-size: 14px;}
  .am-slider-i2 .am-btn { margin-top: 10px;}
  .am-slider-i2 .am-direction-nav, .am-slider-i2 .am-pauseplay { display: none;}
}
@media screen and (max-width: 479px) {
  .am-slider-i2 .am-slider-images { height: 280px;}
  .am-slider-i2 .am-slider-desc { text-align: center; top: 30%;}
  .am-slider-i2 .am-slider-content h2 { font-size: 20px;}
  .am-slider-i2 .am-slider-content p { font-size: 14px;}
  .am-slider-i2 .am-btn { margin-top: 10px;}
  .am-slider-i2 .am-direction-nav, .am-slider-i2 .am-pauseplay { display: none;}
}


.m-case-list li { margin-top: 0; margin-bottom: 0; padding-bottom: 5px;}
.m-case-list li figure { margin-bottom: 0; position: relative; z-index: 1; display: inline-block; overflow: hidden; background: #000; text-align: center; cursor: pointer; background-color:#FFFFFF;}
.m-case-list li figure img { margin:auto; position: relative; display: block; max-height:235px;}
.m-case-list li figure .pwenzi { padding: 1em; width:100%; background-color:#f5f5f5;}
.m-case-list li figure figcaption { padding: 2em; color: #fff; text-transform: uppercase; font-size: 1.25em; -webkit-backface-visibility: hidden; backface-visibility: hidden; margin-top: 120px;}
.m-case-list li figure figcaption::before, .m-case-list li figure figcaption::after { pointer-events: none;}
.m-case-list li figure figcaption, .m-case-list li figure a { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.m-case-list li figure a { z-index: 1000; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0;}
.m-case-list li figure h3 { word-spacing: -0.15em; font-weight: 300;}
.m-case-list li figure h3 span { font-weight: 800;}
.m-case-list li figure h3, .m-case-list li figure p { margin: 0;}
.m-case-list li figure p { letter-spacing: 1px; font-size: 68.5%;}
figure.effect-lily img { width: -webkit-calc(100% + 50px); width: calc(100% + 50px); -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; background: url('../images/loading.gif?1440224064') 50% 50% no-repeat;}
figure.effect-lily figcaption { top: auto; bottom: 0; text-align: left;}
figure.effect-lily h3, figure.effect-lily p { -webkit-transform: translate3d(0, 40px, 0); transform: translate3d(0, 40px, 0);}
figure.effect-lily h3 { -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s;}
figure.effect-lily p { color: rgba(255, 255, 255, 0.6); opacity: 0; -webkit-transition: opacity 0.2s, -webkit-transform 0.35s; transition: opacity 0.2s, transform 0.35s;}
figure.effect-lily:hover img, figure.effect-lily:hover p { opacity: 1;}
figure.effect-lily:hover img, figure.effect-lily:hover h3, figure.effect-lily:hover p { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); color: #fff;}
figure.effect-lily:hover img { opacity: .4;}
figure.effect-lily:hover p { -webkit-transition-delay: 0.05s; transition-delay: 0.05s; -webkit-transition-duration: 0.35s; transition-duration: 0.35s;}

.m-cat-nav { border-bottom: 1px solid #E9E9E9; margin-bottom: 20px;}
.m-cat-nav ul li { float: left; list-style-type: none; margin-right: 20px; padding-top: 20px;}
.m-cat-nav ul li.am-active a { color: #d22e3e;}
.m-cat-nav p { font-size: 12px; margin-bottom: 60px;}

/* 联系我们 */
.m-contact { background: url('../images/contact-bg.jpg'); background-position: 50% 50%; background-size: cover; padding: 30px 0 50px 0; color: #fff;}
.m-contact h2 { color: #fff;}
.m-contact p { color: #fff;}
.m-contact-us { padding: 30px 0;}
.m-contact-us span { padding-top: 10px;}
.m-contact-us .am-btn { width: 100%;}
.m-contact-infobox { border-radius: 5px; padding: 20px 0; text-align: center;}
.m-contact-infobox:hover { border: 1px solid #0d121b; background: #f10909; color: #fff;}


@media only screen and (min-width: 480px) and (max-width: 767px) {
  .m-contact-us { text-align: center;}
}
@media screen and (max-width: 479px) {
  .m-contact-us { text-align: center;}
}

/* 关于我们 */
.m-our { margin-top:15px; background: url('../images/our.jpg') center top no-repeat; background-position: 50% 50%; background-size: cover; padding: 30px 0 50px 0; color: #fff; text-align:center; margin-bottom:30px;}
.m-our h2{ color:#FFF; }
.m-our p { color: #fff; padding:45px 10px;}

.m-our a { display: inline-block; text-align: center; padding: 14px 30px; line-height: 100%; background-color: #f2f2f2!important; color: #444; margin:auto;}

@media screen and (min-width: 960px) {
  .m-our { background-attachment: fixed;}	
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
  .m-our-us { text-align: center;}
}
@media screen and (max-width: 479px) {
  .m-our-us { text-align: center;}
}

/* 图片模块 */
.m-images-container { margin-top: -30px; border-radius: 3px;}
.m-images-container section { padding: 30px;}
.m-images-container section p { margin-bottom: 2rem;}
.m-images-show { height: 400px; padding-top: 150px; background: #1a1f2a;}
.m-images-show hgroup h1 { font-size: 58px; line-height: 68px; font-weight: normal; margin-bottom: 30px;}
.m-images-show hgroup p { width: 100%; font-size: 26px; margin: 0;}
.m-images-show hgroup ul { margin: 0; font-size: 14px; display: inline-block;}
.m-images-show hgroup ul li { float: left; margin-right: 5px; padding-bottom: 30px;}
.m-images-show .am-animation-fade { -webkit-animation-duration: .4s; animation-duration: .4s;}

@media screen and (min-width: 960px) and (max-width: 1199px) {
  .m-images-show { height: 400px; padding-top: 15 0px;}
}
@media screen and (min-width: 768px) and (max-width: 959px) {
  .m-images-show { height: 300px; padding-top: 130px;}
  .m-images-show hgroup h1 { font-size: 48px; line-height: 48px;}
  .m-images-show hgroup p { width: 100%; font-size: 16px; margin: 0;}
  .m-images-show hgroup ul { margin: 0; font-size: 12px;}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .m-images-show { height: 300px; padding-top: 110px;}
  .m-images-show hgroup h1 { font-size: 28px; line-height: 28px;}
  .m-images-show hgroup p { width: 100%; font-size: 14px; margin: 0;}
  .m-images-show hgroup ul { margin: 0; font-size: 12px;}
}
@media screen and (max-width: 479px) {
  .m-images-show { height: 200px; padding-top: 70px; text-align: center;}
  .m-images-show hgroup h1 { font-size: 28px; line-height: 28px;}
  .m-images-show hgroup p { width: 100%; font-size: 14px; margin: 0;}
  .m-images-show hgroup ul { margin: 0; font-size: 12px;}
}
/* 文章模块 */
.m-news article { margin-bottom: 50px; position: relative;}
.m-news h3 { font-size: 28px;}
.m-news-date { font-family: arial; color: #999; border-right: 1px solid #e9e9e9;}
.m-news-date span { display: block; font-size: 40px; color: #333;}
.m-news-data { padding-bottom: 15px;}
.m-news-data span { color: #aaa; margin-right: 20px;}
.m-news-desc { color: #2b3242; overflow: hidden;}
.m-news-container { margin-top: 60px; margin-bottom: 60px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background: #fff;}
.m-news-container header { background: #1a1f2a; border-radius: 3px 3px 0 0; color: #fff; padding: 20px;}
.m-news-container header a { color: #fff;}
.m-news-container header span { margin-right: 10px;}
.m-news-container section { padding: 40px 20px 20px;}
.m-news-container section .com a { color: #dd514c;}

/* 服务内容 */
.m-services { /*padding: 40px 0 40px 0;*/}
.m-services section ul li .stitle{ padding:2px; width:150px; margin:8px auto; border-radius:8px; background-color:#d22e3e;}
.m-services section ul li h5{ font-size: 100%; font-weight:600; text-align:center; margin:0; padding:0; color:#FFF;}
.m-services section ul li p{ text-align:left; font-style:normal; width:95%; margin:auto;}
.m-service-container { margin: 0 0 60px 0;}
.m-service-container .am-pagination { margin-top: 20px;}
.m-service-container .am-pagination .am-active a { background: #DD514E; border-color: #dd514c;}
.m-service-list li { margin-bottom: 10px; border: 1px solid #fff;}
.m-service-list-icon { font-size: 50px; text-align: center;}

/** 网站欣赏列表 **/
.m-web-list figure { background: #fff;}
.m-web-list figure h3 { margin: 0;}
.m-web-list li figure .pwenzi { padding: 0.2em 1.5em; width:100%;}
.m-web-list li figure .pwenzi .smwenzi { font-size:65%; color:#a0a0a0;}
.m-web-list figure figcaption { padding: 10px;}
.m-list article { margin-bottom: 60px;}

.m-web-listnew figure { background: #fff;}
.m-web-listnew figure h3 { margin: 0;}
.m-web-listnew li{ margin:0; padding:0;}
.m-web-listnew li figure .pwenzi { padding: 0.2em 1em; width:100%; background-color:#f5f5f5;}
.m-web-listnew li figure .pwenzi .smwenzi { font-size:65%; color:#a0a0a0;}
.m-web-listnew figure figcaption { padding: 10px;}
.m-listnew article { margin-bottom: 60px;}

/** 相关网站 **/
.m-web-relevantdesc { font-size: 12px; height: 40px; overflow: hidden;}

/* tag */
.m-item { margin-top: 60px;}
.m-item article .thumbnail { height: 200px; overflow: hidden;}

@media only screen and (min-width: 480px) and (max-width: 767px) {
  .m-contact-us { text-align: center;}
  .m-web-list li figure .pwenzi { padding: 0.2em 1em; width:100%;}
}
@media screen and (max-width: 479px) {
  .m-contact-us { text-align: center;}
}
/* 晟思的客户 */
.m-partner li img { /*border: 1px solid #E9E9E9; -webkit-filter: grayscale(1);*/ border-radius:8px; width:90%;}
.m-partner li img:hover { /*border: 1px solid #737b8a;*/}
.m-partner p { margin: 0 0 8px 0;}

@media only screen and (min-width: 480px) and (max-width: 767px) {
  .m-contact-us { text-align: center;}
}
@media screen and (max-width: 479px) {
  .m-contact-us { text-align: center; font-size:1.4rem;}
}
/*返回顶部*/
.m-top-cbbfixed { position: fixed; right: 10px; transition: bottom ease .3s; bottom: -85px; z-index: 3; cursor: pointer;}
.m-top-cbbtn { width: 40px; height: 40px; display: block; background-color: #d22e3e;}
.m-top-go { transition: background-color ease .3s; margin-top: 1px;}
.m-top-go:hover { background-color: #ba1f2e;}
.m-top-goicon { float: left; margin: 14px 0 0 9px; width: 23px; height: 12px; background: url('../images/side-icon02.png?1406598120');}
.m-top-weixin { background: #333;}
.m-top-weixin div { background: url('../images/weixin.png?1440917261'); width: 194px; height: 199px; position: absolute; left: -194px; top: -115px; opacity: 0; transform: scale(0); -webkit-transform: scale(0); transform-origin: 100% 70%; -webkit-transform-origin: 100% 70%; transition: transform ease .3s, opacity ease .3s; -webkit-transition: all ease .3s; display: none\0; *display: none;}
.m-top-weixin:hover div { display: block; transform: scale(1); -webkit-transform: scale(1); opacity: 1; *display: block;}
.m-top-weixin-icon { float: left; margin: 12px 0 0 11px; width: 18px; height: 18px; background: url('../images/side-icon01.png?1406598156');}

/* 网站底部 */
.m-footer { background: #f2f2f2; padding: 60px 0 0 0; color: #b9b9b9; font-size: 14px;}
.m-footer a { color: #555d6d;}
.m-footer a:hover { color: #d22e3e;}
.m-footer ul { list-style-type: none; padding: 0; margin: 0;}
.m-footer section h2 { font-size: 16px; margin-bottom: 20px; color:#333333;}
.m-footer section p { color:#555555;}
.m-footer i { margin-left: 10px;}
.m-footer-container,
.m-footer-flink { padding-bottom: 60px;}
.m-footer-subnav a,
.m-footer-flink a { margin-right: 10px;}
.m-footer-bottom { background: #0d121b; font-size: 12px; padding: 30px 0; color: #555d6d;}
/*--------------------------------------------------------------
# Intro Section 2018-01-12 15:48添加
--------------------------------------------------------------*/
/* 服务客户 beg */
.clients_list{ max-width:100%; padding:10px 3px; overflow:auto; border-top: 1px solid #f2f2f2;}
.clients_list_info{ width:100%; overflow:auto;}
.clients_list_info ul{ width:100%; overflow:auto; text-align:center; margin:auto; margin:0px; padding:0px; text-align:center;}
.clients_list_info ul li{ width:14.333%; float:left; display:block; height:auto; margin:1.11%; background-color:#FFFFFF; border-radius:5px; box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.08);}
@media only screen and (min-width: 480px) and (max-width: 767px){
	.clients_list_info ul li{ width:23%; margin:5px; }
}
@media screen and (max-width: 479px) {
	.clients_list_info ul li{ width:47%; margin:5px; }
}
.clients_list_info ul li img{ width:100%; border:1px solid #fff; border-radius:5px;}

/*点击加载*/
.hidden{ display: none;}
.moreload{height: auto;margin:0 auto;overflow: hidden;text-align: left;}
.moreload ul.list{overflow: hidden;}
.moreload ul.list p{text-align: center;padding: 10px;}
.moreload .more{overflow: hidden;padding:0px;text-align: center;}
.moreload .more a{display: block; width:97%; line-height:35px; color:#fff; border-radius:8px; border:1px #b3b3b3 solid; margin:20px auto; text-align:center; font-size:14px; background:#6a71c1;}
.moreload .more a:hover{text-decoration: none;background:#6a71c1; color: #fff;}
.moreload p{display: block;width:90%; line-height:35px;color:#b3b3b3; border-radius:8px; border:1px #b3b3b3 solid; margin:20px auto; text-align:center; font-size:14px;}

/*推荐套餐*/
.dj{width:100%; padding-top:10px; margin:0px auto; border-radius:5px;}
.dj-m{ width:100%; margin:0px auto 10px; height:auto; float:left;text-align:center;}
.dj-m1{ width:95%; margin:0px auto; padding-bottom:10px; background-color:#fff; border:1px #ebe9ec solid;}
.dj-m .sp1{ font-size:1.2em; font-weight:bold; color:#000; line-height:40px;}
.dj-m .sp2{ font-size:0.8em; line-height:20px; color:#000; padding:5px; display:block; text-align:left;}
.dj-m .sp3{ width:100%; background:url(../images/sp60.png) no-repeat; background-size:100% 100%; color:#fff; text-align:center; line-height:38px; font-weight:bold; font-size:0.8em; margin:0px auto;}
.ho{ height:auto; overflow:hidden;}
/*分类导航*/
.anclass{ padding: 0; margin:5px auto; list-style: none; text-align: center;}
.anclass ul{ width:100%; margin:auto; padding:0;}
.anclass ul li { cursor: pointer; margin: 5px; display: inline-block; padding: 8px 5px; font-size: 12px; line-height: 20px; color: #333; margin-bottom: 5px; border:1px #ccc solid; transition: all 0.3s ease-in-out;}
.anclass ul li a{ color:#333; text-decoration:none;}
 /* 当有鼠标悬停在链接上 */
.anclass ul li:hover, .class_zp_dh li.dh-active {background: #e60012;color: #fff;text-decoration:none;}
/* 当有鼠标悬停在链接上 */
.anclass ul li a:hover {color: #fff;text-decoration:none;}
/* 未访问的链接 */
.anclass ul li a:link{ color:#333;text-decoration:none;}

/*案例详情--缩略图*/
.wp{ width: 100%; margin: 0 auto; height:auto; text-indent:15px;}
.wp .vdata{ width:100%; margin:auto; text-align:center;}
.case-article{ line-height: 30px; color: #666;}
.case-article-bg{ margin-bottom: 13%; margin-bottom: 5%\0 !important; background-position: top center\0 !important;}
.case-article-bg .tc{ border-bottom:1px #f2f2f2 solid; width:96%; margin:auto; margin-bottom:10px;}
.case-article-ca{ margin-bottom: 5%\0 !important; background-position: top center\0 !important;}
.case-article-ca .tc{ border-bottom:1px #f2f2f2 solid; width:96%; margin:auto; margin-bottom:10px;}
.case-article h1{ line-height: 40px; font-size: 18px; text-align: center; margin-top:10px;}
.case-article .computer-bg{ position: relative; text-align: center; background: url(../images/computer.png) center top no-repeat; transform: translateY(45.9%); -webkit-transform: translateY(45.9%); -moz-transform: translateY(45.9%); width: 90%; margin: 0 auto; margin: -32% auto 0 auto; -webkit-background-size: 100%; background-size: 89%; padding-top: 65%; margin:0 auto\0; padding-top: 50%\0; height:auto;}
.case-article .computer-bg img{ position: absolute; left: 8.5%; top: 4%; width: 83%;}
.case-article .btnc{ margin-top:10px; text-align: center; padding: 10px 0;}
.case-article .btnc a{ display: inline-block; height: 45px; text-align: center; line-height: 45px; color: #fff; font-size: 14px; margin: 0 12px;}
.case-article .btnc a img{ display: inline-block; width: 45px;}
.case-article .btnc i{ display: inline-block; font-size:18px; color:#FF0000; font-weight:800; font-style:italic;}
.case-article .case-back{ text-align: center; margin-top: 50px; margin-bottom: 90px;}
.case-article .case-back a{ display: inline-block; width: 178px; height: 48px; text-align: center; line-height: 48px; border: 1px solid #63637f; color: #002; font-size: 18px; border-radius: 5px;}
.case-article .case-back a:hover{ background-color: #e4392a; color: #fff; border-color: #e4392a;}
.case-article .btn{ text-align:center;}
.case-article .btn a {
    display: inline-block;
    width: 120px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    background-color: #e4392a;
    color: #fff;
    font-size: 14px;
    margin: 0 12px;
    border-radius: 5px;
}
/* 案例详情内容样式 */
.case_show { padding-bottom: 0px; line-height: 30px; word-wrap: break-word; color: #333; font-size: 16px; padding-top: 0; font-family: "微软雅黑"; width: 100%; max-width: 1170px; margin:auto; text-align:center;}
.case_show img { width:auto; max-width:100%; height:auto;}
@media (max-width: 768px) {
	.case_show{ max-width: 100%;}
}
@media (max-width: 768px) {
	.case_show img { max-width: 100%; height:auto;}
}
.case_show table { width: 100%; font-size: 13px; word-break: break-all;}
.case_show table img { width: auto;}
.case_show a { background-color: transparent; color: #5fbdf0;}
.case_show A:hover { background-color: #5fbdf0; color: #ffffff;}
.case_show strong { font-weight:normal;}
.case_show p { padding-bottom: 10px; text-indent: 0em; padding-left: 0px; padding-right: 0px; padding-top: 0px;}
/* 列表头图 */
.list-banner { background-position: 50% 50%; padding: 90px 0 50px 0; height:230px; color: #fff; position:relative;}
.list-banner .listwz{ width:100%; margin:auto; text-align:center;}
.list-banner .listwz h2{ font-weight:500; font-size:160%;}
.list-banner .listwz p{ font-size:80%;}
/* 解决方案中的分类样式 */
.classdiv{ width: 100%; margin: 0 auto; height:auto; text-align:center;}
.class_zp_dh{ padding: 0; margin:5px auto; list-style: none; text-align: center; overflow:auto;}
.class_zp_dh li { cursor: pointer; margin: 5px; display: inline-block; padding: 8px 5px; font-size: 14px; line-height: 20px; color: #333; margin-bottom: 5px; /*border: 1px #ccc solid;*/ background:#ededed; transition: all 0.3s ease-in-out; float:left; width:150px;}
@media screen and (max-width: 479px) {
	.class_zp_dh li {  width:30%; font-size:12px;}
}
.class_zp_dh li a{ color:#333; text-decoration:none;}
 /* 当有鼠标悬停在链接上 */
.class_zp_dh li:hover {background: #e60012;color: #fff;text-decoration:none;} 
.class_zp_dh .dh-active a{background: #e60012;color: #fff;text-decoration:none;}
.class_zp_dh .dh-active a:link{background: #e60012;color: #fff;text-decoration:none;}

/* 当有鼠标悬停在链接上 */
.class_zp_dh li a:hover {color: #fff;text-decoration:none;}
/* 未访问的链接 */
.class_zp_dh li a:link{ color:#333;text-decoration:none;}
/* 已访问的链接 */
/*------------ 小类分类 ------------*/
.small_css{ padding: 0; margin: 5px 0 15px 0; list-style: none; text-align: center;}
.small_css li { cursor: pointer; margin: 10px 10px 10px 0; display: inline-block; padding: 6px; font-size: 12px; line-height: 20px; color: #666666; border-radius: 4px; text-transform: uppercase; background: #fff; margin-bottom: 5px; transition: all 0.3s ease-in-out;}
.small_css li a{ color:#666666;}
.small_css .dh-active a{color:#FF0000;}

/* 联系我们左侧地址信息 */
.contact-l{ width: 100%; margin-top:55px;}
.contact-r{ width: 62%; float: right;}
.ul-contact li{ background: url(../images/i_icon2.png) no-repeat; padding-left: 60px; font-size: 14px; margin-bottom: 20px; line-height: 35px; list-style:none;}
.ul-contact li.li1{ background-position: 0 0;}
.ul-contact li.li2{ background-position: 0 -190px;}
.ul-contact li.li3{ background-position: 0 -265px;}
.contactpic{width:98%; margin:auto; text-align:center;}
.contactpic img{ width:28%; max-width:320px;}

/* 合作流程 */
.lc_li{border:1px solid #d7d7d7;height:100%; width:95%; margin:auto; margin-top:50px;}
.lc_pic{margin-top:-15%;}
.lc_pic img{ width:35%; margin:auto;}
.lc_ti{font-size:120%; font-weight:500; line-height:26px; margin:25px 0; width:100%; text-align:center;}
.lc_des{font-size:100%;line-height:26px; width:100%; padding-left:8px;}

/* 标题下方中横线 */
.title_xh { width: 45px; margin:auto; border-bottom: 1px solid #7f7f90; margin-bottom:15px;}

/* 服务项目title*/
.m-service-page h2 { margin:auto; font-size:150%; font-weight:400; text-align:center; padding:20px 0 5px 0; color:#000;}
.m-service-page h6 { margin: 0 0 20px 0; font-size: 14px; color: #A6A6A6; text-align:center; font-style: italic;}
.m-service-page p { margin: 0 0 20px 0; font-size: 14px; color: #A6A6A6; text-align:left; font-style: italic;}
.m-service-page .hx{ border-bottom: 1px solid #eee; width:100%; clear:both; padding-top:20px;}

/* 新版模块title 2018-05-02添加 */
.indexbox{width: 100%; height: 25px; margin: 45px auto 15px; position: relative; line-height:24px;}
.indexbox .index_line{width: 100%; height: 1px; background-color: #dcdcdc; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; }
.indexbox .index_font{width: 260px; background-color: #fff; position: absolute;  left: 0; top: 0; right: 0; bottom: 0; margin: auto; font-size: 20px; color: #000; text-align:center;}
.indexboxdesign{width: 100%; margin: 20px auto 10px; position: relative;}
.indexboxdesign .sort_title{width: 100%; padding:15px 0; margin:auto; border-bottom:1px #f2f2f2 solid; overflow: auto; line-height: 40px;}
.indexboxdesign .sort_title .sort_0{float: left; text-indent: 0; padding-right: 10px;}
.indexboxdesign .sort_title .sort_0 img{ width: 32px; border-radius:50%; margin: auto;}
.indexboxdesign .sort_title .sort_1{float: left;}
.indexboxdesign .sort_title .sort_1 .d1{ margin:0; font-size: 14px; line-height: 25px; text-indent: 0;}
.indexboxdesign .sort_title .sort_1 .d2{ margin:0; font-size: 10px; line-height: 15px; text-indent: 0;}
.indexboxdesign .sort_title .sort_2{float: left;}
.index_detial{width: 100%; height: 30px; line-height: 30px; font-size: 18px; color: #7d7d7d; text-align: center; margin: 0 auto;}
.index_con{width: 100%;/* height: 40px; */margin: 10px auto; overflow: hidden;}
.index_con .index_l{width: 45%; float: left; padding-right: 5px; text-align:right;}
.index_con .index_r{width: 45%; float: right; padding-left: 5px; text-align:left;}
.index_con .index_m{width: 10%; float: left; height: 22px; text-align:center;}
.index_con .index_m .zhx{width: 1px; height: 22px; background-color: #a0a0a0; margin-top: 3px; margin:auto;}
.index_detial_zi{width: 100%; height: 30px; line-height: 30px; font-size: 16px; color: #7d7d7d; text-align: center; margin: 0 auto;}
.index_more{width:100%; margin:0 auto; font-size:14px;  text-align:center; padding:10px;}
.index_more a{color:#fff; border-radius: 2px; background: #d22e3e; border: 1px solid #d22e3e; padding: .5em 1em;}
.index_more a:hover{color:#fff; text-decoration:underline;}

/* 关于我们logo */
.aboutlogo{ width:100%; text-align:center; padding:25px auto;}
.aboutlogo img{ margin:auto;}
/* 关于我们优势 */
.usys{width:100%;}
.usys h3{ text-align:center;}
/* 列表banner底部波浪 */
.ban-bg{background: url(../images/ban_bg.png) center top no-repeat;	height: 40px; width: 100%; position: absolute; left: 0; bottom:0; z-index: 60;}
/* 案例详情页面顶部图片及说明 */
.case_top_xx{width:100%; margin:5px auto; text-align:center; overflow:auto;}
.case_top_xx .lwz{width:50%; float:left;}
.case_top_xx .rpic{ width:50%; float:right;}
.case_top_xx .rpic img{ width:100%; background-color: #fff; border: 1px solid #ddd; border-radius: 0;}
/* 服务报价 */
.joinprice{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center; margin:20px auto;}
.joinprice .joinName{cursor:pointer;display:inline-block;padding:0 15px;line-height:36px;border:1px solid #666;text-align:center;height:36px;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:36px;margin:0 10px}
.joinprice .joinName.active{border:1px solid #d22e3e;color:#d22e3e}
.priceItem{width:100%;color:#666;margin-bottom:20px;padding:0 20px;-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,.05),0 6px 12px 0 rgba(0,0,0,.04);display:none;}
.on{display:block;}
.priceItem .priceItemTitle{line-height:30px;height:60px;padding:15px 0;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;vertical-align:center;cursor:pointer}
.priceItem .priceItemTitle .priceTitle{font-size:16px;display:inline-block;width:340px;color:#353535}
.priceItem .priceContent{padding-bottom:18px;border-top:1px solid #eee}
.priceItem .priceContent.active{display:block}
.priceItem .priceContent h5{font-size:100%;color:#353535;font-weight:400; margin:10px auto; height:40px; line-height:40px;}
.priceItem .priceContent h3{font-size:14px;color:#353535;font-weight:400;margin-top:20px;margin-bottom:10px}
.priceItem .priceContent h3 span{font-size:240%;color:#d22e33;font-weight:500; font-style:italic;}
.priceItem .priceContent p{font-size:14px;line-height:30px;margin:0;color:#888}
.priceItem .priceContent p span{font-size:140%;color:#d22e33;font-weight:500; font-style:italic;}
.priceItem .priceContent .btitle{color:#2e3231; font-size:120%; font-weight:500; font-style:normal;}
.priceItem .priceContent a{color:#2A75ED;font-size:14px;margin-top:30px;display:block}
.priceItem .priceContent .priceDesc{ text-align:left; color:#888; font-style:normal;}
/* 案例展示页副标题 2018-06-19 添加*/
.head-data-show{ background-color:#FFFFFF;}
.head-data-show a{ display: inline-block; vertical-align: middle; zoom: 1; padding-left: 10px; padding-right: 22px; color: #bbb; font-size: 14px; background-repeat: no-repeat; background-position: left 0;  position: relative; cursor: default;}
.simg1{width: 16px; height: 16px; background-image: url(../images/hit.jpg); float: left; margin-right: 8px; position: absolute; left: 0; top: 50%; background-repeat: no-repeat; background-size: 16px auto; margin-top:-8px;}
.simg2{width: 16px; height: 16px; background-image: url(../images/likehit.jpg); float: left; margin-right: 8px; position: absolute; left: 10; top: 50%; background-repeat: no-repeat; background-size: 16px auto; margin-top:-8px;}
.vertical-line{border-right: 1px solid #f2f2f2;}
.priceImg{max-width: 100%; height: auto; margin:10px auto;}
.djsz{ margin-left: 28px;}
.am-img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
    margin: auto;
	border-radius:8px;
}
.dhzx{ width: 120px; height:45px; line-height: 45px; border-radius:8px; border: 1px solid #0a628f; color: #0C0C0C;}
.dhzx img{ width: 40px !important; margin-bottom: 6px;}
.dhzxbg{ background-color: #ffe900; border: 1px solid #f5e000;}
.dhzxbg2{background-color: #00cfd1; border: 1px solid #01c7c9; color: #ffffff;}
/* 服务报价索取 beg */
.in_price {
    /*padding: 4rem 1rem 3rem;
    background: url(../images/our.jpg) repeat*/
    background: #febe00;
}

@media (max-width: 768px) {
	.in_price{ padding:25px 10px;}
}

.in_price .title h3 {
    font-size: 24px
}

.in_price .page_form input {
    margin-bottom: 2rem;
    color: #6e6e6e;
    font-size: 14px;
    padding: 1.5rem 1rem !important;
    border: 1px solid #fff;
    /*line-height: 2rem !important;*/
}

.in_price .page_form input:focus {
    border: 1px solid #fff
}

.in_price .page_form .submit input {
    width: 100%;
    background: #040404;
    color: #fff;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.in_price .page_form .submit input:hover {
    background: #ef3e4a;
    color: #fff
}

.in_price .page_form i {
    color: #000;
    font-size: 14px
}

@media only screen and (min-width: 641px) {
    .in_price {
        /*padding: 4rem 0 3rem 3rem*/
    }

    .in_price .page_form .text1, .in_price .page_form .text2 {
        width: 50%;
        float: left;
        padding-right: 3rem
    }

    .in_price .page_form .text3 {
        width: 70%;
        float: left;
        padding-right: 3rem
    }

    .in_price .page_form .submit {
        width: 30%;
        float: left;
        padding-right: 3rem
    }
}

@media only screen and (min-width: 1200px) {
    .in_price {
        /*padding: 4rem 0 4rem 4rem*/
    }

    .in_price .title h3 {
        margin: 0;
        padding: 0;
        display: block;
        font-size: 36px;
        font-weight: normal;
        padding-bottom: 30px
    }

    .in_price .page_form form {
        margin-bottom: 25px
    }

    .in_price .page_form .text1, .in_price .page_form .text2 {
        width: 25%;
        padding-right: 1rem
    }

    .in_price .page_form .text3 {
        width: 35%;
        padding-right: 1rem
    }

    .in_price .page_form .submit {
        width: 15%;
        padding-right: 4rem
    }
}

@media only screen and (min-width: 1400px) {
    .in_price {
        /*padding: 4rem 0 4rem 8rem*/
    }

    .in_price .page_form .text1, .in_price .page_form .text2 {
        width: 25%;
        padding-right: 1rem
    }

    .in_price .page_form .text3 {
        width: 30%;
        padding-right: 1rem
    }

    .in_price .page_form .submit {
        width: 20%;
        padding-right: 8rem
    }
}
/* 服务报价索取 end */

/* 新版关于我们文字 */
@media only screen and (min-width: 1400px){
	.in_about {
		padding: 8rem 0 4.5rem;
	}
}

@media only screen and (min-width: 1025px) {
	.in_about {
		padding: 4rem 0;
	}
}

@media only screen and (min-width: 641px) {
	.in_about {
		padding: 3rem 0;
	}
}
.in_about {
    padding: 4rem 0;
    border-bottom: 1px solid #dedede;
}
.in_about .txt {
    font-size: 1.6rem;
    line-height: 30px;
    padding: 0;
    color: #7a7a7a;
}
.in_about .thumb {
	text-align:center;
}
.in_about .thumb .yearimg {
	width: 65%;
	margin:auto;
}
.in_about .thumb p {
	font-size:12px;
	padding:0;
	text-align:center;
	margin:0;
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
  .in_about .thumb {
		/*margin-bottom:5rem;*/
	}
}
@media screen and (max-width: 479px) {
  .in_about .thumb {
		margin-bottom:3rem;
  }
}

/* 新版新闻动态 */
.footer_news_list{margin:0 -1.5rem}
@media (max-width: 668px){.footer_news_list{margin:0}}
.footer_news_list [class*="am-u-"]{margin-bottom:20px}
@media (max-width: 668px){
	.footer_news_list [class*="am-u-"]{padding:0;margin-bottom:10px}
	.footer_news_list [class*="am-u-"]:nth-last-of-type(1) a{border-bottom:none}
	}
.footer_news_list a{display:block}
@media (max-width: 668px){
	.footer_news_list a{padding-bottom:10px;border-bottom:1px solid #ddd}
}
/*
.footer_news_list a:before{content:'NETWORK152 ARTICLE';display:block;font-size:16px;line-height:16px;color:#9d9d9d}
@media (max-width: 668px){
	.footer_news_list a:before{font-size:12px;line-height:12px}
}*/
.footer_news_list a b.t{display:block;font-size:18px;height:18px;line-height:18px;color:#000;font-weight:normal;margin:15px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:all .5s}
@media (max-width: 1681px){
	.footer_news_list a b.t{font-size:16px;height:16px;line-height:16px}
}
@media (max-width: 668px){
	.footer_news_list a b.t{font-size:14px;height:14px;line-height:14px;margin:5px 0}
}
.footer_news_list a p{display:block;font-weight:lighter;color:#666;margin:0;font-size:14px;line-height:26px;height:52px;min-width:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
@media (max-width: 1440px){
	.footer_news_list a p{font-size:12px;line-height:22px;height:44px}
}
@media (max-width: 668px){
	.footer_news_list a p{height:auto}
}
.footer_news_list a:hover b.t{color:#ef3e4a}