@charset "utf-8";
@import url(tc/component.css);
@import url(font-awesome.min.css);
@import url(swiper.min.css);

/* 公用样式表 "Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", STHeiti, "Microsoft YaHei"; */
body, ul, li, dl, dt, dd, h1, h2, h3, h4, p, div, input, i, span { margin: 0; padding: 0; list-style: none; list-style-type: none; outline: none }
h1, h2, h3, h4, h5, h6 { font-family: "Microsoft YaHei"; font-weight: normal; color: #000; }
html, body { margin: 0px; width: 100%; height: 100%; }
body { font-family: "Microsoft YaHei"; color: #222; overflow-x: hidden; }
a { text-decoration: none; }
input, button { outline: 0; border: 0; padding: 0; margin: 0; font-family: "Microsoft YaHei"; -webkit-appearance: none; }
textarea { -webkit-appearance: none; }

/*鼠标hover移入效果*/
a:hover, .pop-product ul li:hover, .pop-chat-list li:hover .wxewm-pop, .pop-product ul li:hover .pop-prod-info, .pop-wrap .nav-icon3:hover, .k-bar, .pop-s-search:hover input[type="text"], .pop-s-btn:hover span, .main-hd-links a:hover:before, .main-hd-links a:hover:after { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

/*鼠标移出效果*/
a, .pop-product ul li .pop-chat-list li .wxewm-pop, .pop-product ul li .pop-prod-info, .pop-wrap .nav-icon3, .k-bar, .pop-s-search input[type="text"], .pop-s-btn span, .main-hd-links a:before, .main-hd-links a:after { transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; }
img { border: 0; vertical-align: middle;    /*  去掉图片底部默认的3像素空白缝隙*/ }
table { border-collapse: collapse;  /*合并外连线*/ }

/*公共类*/

/*SEO锚文本*/
.seo_mwb{ width:90%; margin:0 5%;  text-align:center; padding:10px 0px 20px 0px; }
.seo_mwb span{font-size:14px; font-weight:normal; color:#5a3eeb;}
.seo_mwb strong{font-size:14px; font-weight:bold; color:#000; display: inline-block; margin-bottom: 5px;}

/*默认版本PC-1440以上大分辨率CSS（不含1440分辨率）*/
.row { width: 1400px; margin: 0 auto; }
.row1600 { width: 1600px; margin: 0 auto; }
.row1200 { width: 1200px; margin: 0 auto; }
.fl { float: left; }
.fr { float: right; }
.al { text-align: left; }
.ac { text-align: center; }
.ar { text-align: right; }
.t-index { text-indent: 2em }
.hide { display: none; }
.all-height { line-height: 27px; }

/*@font-face { font-family: "Microsoft YaHei"; font-style: normal; font-weight: normal; src: url('../woff/fontsyxt/syxt.eot'), url('../woff/fontsyxt/syxt.eot?#iefix') format('embedded-opentype'), url('../woff/fontsyxt/syxt.woff') format('woff'), url('../woff/fontsyxt/syxt.ttf') format('truetype'), url('../woff/fontsyxt/syxt.woff2') format("woff2"), url('../woff/fontsyxt/syxt.svg') format("svg"); }
@font-face { font-family: "Helvetica Neue"; font-style: normal; font-weight: normal; src: url('../woff/fontsyxt/syxt.eot'), url('../woff/fontsyxt/syxt.eot?#iefix') format('embedded-opentype'), url('../woff/fontsyxt/syxt.woff') format('woff'), url('../woff/fontsyxt/syxt.ttf') format('truetype'), url('../woff/fontsyxt/syxt.woff2') format("woff2"), url('../woff/fontsyxt/syxt.svg') format("svg"); }*/


/*清除浮动*/
.clearfix:before, .clearfix:after {    /*清除浮动，最好最标准的写法*/
content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1;    /*IE/7/6*/    /*兼容IE6下的写法*/ }

/*loading*/
.typing_loader { width: 6px; height: 6px; border-radius: 50%; -webkit-animation: typing 1s linear infinite alternate; -moz-animation: Typing 1s linear infinite alternate; -ms-animation: Typing 1s linear infinite alternate; animation: typing 1s linear infinite alternate; margin: 0 auto;    /* Not necessary- its only for layouting*/ position: relative; left: -12px; }
@-webkit-keyframes typing {
  0% { background-color: rgba(109, 71, 217, 1); box-shadow: 12px 0px 0px 0px rgba(109, 71, 217, 0.2), 24px 0px 0px 0px rgba(109, 71, 217, 0.2); }
  25% { background-color: rgba(109, 71, 217, 0.4); box-shadow: 12px 0px 0px 0px rgba(109, 71, 217, 2), 24px 0px 0px 0px rgba(109, 71, 217, 0.2); }
  75% { background-color: rgba(109, 71, 217, 0.4); box-shadow: 12px 0px 0px 0px rgba(109, 71, 217, 0.2), 24px 0px 0px 0px rgba(109, 71, 217, 1); }
}
@-moz-keyframes typing {
  0% { background-color: rgba(109, 71, 217, 1); box-shadow: 12px 0px 0px 0px rgba(109, 71, 217, 0.2), 24px 0px 0px 0px rgba(109, 71, 217, 0.2); }
  25% { background-color: rgba(109, 71, 217, 0.4); box-shadow: 12px 0px 0px 0px rgba(109, 71, 217, 2), 24px 0px 0px 0px rgba(109, 71, 217, 0.2); }
  75% { background-color: rgba(109, 71, 217, 0.4); box-shadow: 12px 0px 0px 0px rgba(109, 71, 217, 0.2), 24px 0px 0px 0px rgba(109, 71, 217, 1); }
}
@keyframes typing {
  0% { background-color: rgba(109, 71, 217, 1); box-shadow: 12px 0px 0px 0px rgba(109, 71, 217, 0.2), 24px 0px 0px 0px rgba(109, 71, 217, 0.2); }
  25% { background-color: rgba(109, 71, 217, 0.4); box-shadow: 12px 0px 0px 0px rgba(109, 71, 217, 2), 24px 0px 0px 0px rgba(109, 71, 217, 0.2); }
  75% { background-color: rgba(109, 71, 217, 0.4); box-shadow: 12px 0px 0px 0px rgba(109, 71, 217, 0.2), 24px 0px 0px 0px rgba(109, 71, 217, 1); }
}

/*颜色*/
.col-yellow { color: #f7e217 }
.col-blue { color: #6948d5 }
.col-red { color: #ff4360; }
.col-darkred { color: #75202e; }

/*判定PC版显示与否*/
.pc_yc { display: none; }

/*css3文字阴影闪烁*/

/* @keyframes change {
  0% { text-shadow: 0 0 4px #7cfff4 }
  50% { text-shadow: 0 0 30px #7cfff4 }
  100% { text-shadow: 0 0 4px #7cfff4 }
}
 */

/* css3鼠标经过图片放大 */

.h-client-list ul li a span img { -webkit-transition: all ease .3s; transition: all ease .3s }
.h-client-list ul li a:hover span img { -webkit-transform: scale(1.10); transform: scale(1.10); -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }

/*图片缓动放大 */
.md-inner-pic { /* overflow: hidden; */ }
.md-inner-pic img { width: 100%; transform: scale(1, 1); -webkit-transform: scale(1, 1); animation: scal 10s ease infinite alternate; -webkit-animation: scal 10s ease infinite alternate; }

/* css3鼠标经过图片缩小 */

/* .school-box ul li img{ -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition: all ease .5s; transition: all ease .5s; width: 100%; }
.school-box ul li:hover img { -webkit-transform: scale(1.0); transform: scale(1.0); -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } */
@keyframes scal {
  from { -webkit-transform: scale(1, 1); }
  to { -webkit-transform: scale(1.1, 1.1); }
}
@-webkit-keyframes scal {
  from { -webkit-transform: scale(1, 1); }
  to { -webkit-transform: scale(1.1, 1.1); }
}

/* header */
.header { position: absolute; width: 100%; z-index: 20; left: 0; top: 0; z-index: 20; }
.logo { width: 170px; }
.logo img { width: 100%; }
.header-cont { width: 96%; margin: 40px 2% 0 2%; }
.header-r { color: #fff; line-height: 30px; position: relative; width: 50%; /* margin-top: 1%; */ margin-top:12px; }
.header-phone { display: inline-block; /* margin-right: 3%;  */line-height: 30px; }
.header-phone i { display: inline-block; vertical-align: middle; margin-right: 10px; background: url(../images/hd-phone-icon.png) no-repeat; height: 16px; width: 12px; }
.header-phone span { display: inline-block; vertical-align: middle; font-size: 16px; letter-spacing: 1px; }
.header-link { font-size: 14px; display: inline-block }
.header-link a { color: #fff; }
.header-link a:hover { color: #ff4261; }
.header-link span { padding: 0 10px; }
.nav-icon { width: 30px; height: 30px; z-index: 999; position: relative; cursor: pointer; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: swing; transition-timing-function: swing; margin-left: 6%; }
.nav-icon:before { width: 50px; content: ""; position: absolute; top: 0; right: 0; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: swing; transition-timing-function: swing; }
.nav-icon .icon { width: 18px; height: 1px; background-color: #ff4261; border-radius: 2px; position: absolute; top: 15px; right: 5px; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; transiting-timing-function: swing }
.nav-icon:hover .icon { width: 22px; background-color: #ff4261; }
.nav-icon .icon:before, .nav-icon .icon:after { width: 18px; height: 1px; background-color: #ff4261; border-radius: 2px; content: ""; position: absolute; right: 0; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: swing; transition-timing-function: swing; }
.nav-icon:hover .icon:before, .nav-icon:hover .icon:after { width: 22px; background-color: #ff4261; }
.nav-icon .icon:after { top: 6px; }
.nav-icon .icon:before { top: -6px; }
nav-icon-active { }
.hint-left { position: absolute;    /* background: #fff;  */ color: #fff; width: 50px; font-size: 12px; top: 1px; right: 30px; line-height: 30px; text-align: center; border-radius: 2px; opacity: 0; visibility: hidden;    /* border-radius: 3px; */ -webkit-transition: opacity .25s linear, right .25s linear; transition: opacity .25s linear, right .25s linear; transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; }
.hint-left span { line-height: 17px; }

/* .hint-left em{ position: absolute; width: 0;
height: 0;
border-top: 4px solid transparent;
border-bottom: 4px solid transparent;
border-left: 4px solid #fff; top: 9px; right:-4px; } */
.nav-icon:hover .hint-left { top: 1px; right: 25px; opacity: 1; visibility: visible; }

/* 头部滚动浮动 */
.header-fixed { height: 82px; position: fixed; width: 100%; left: 0; top: -82px; z-index: 51; -webkit-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.slideUp { top: 0; }
.header-fixed .header-cont { width: 96%; margin:18px 2% 0 2%; }
.header-fixed .logo { width: 125px; }
.header-fixed .header-r { margin-top: 8px; }
.header-fixed .header-link { display: inline-block; }

/* 头部滚动浮动背景 */
.bg-blue { background: #352f8e; background: -webkit-linear-gradient(left, rgba(53, 47, 142, 1) 45%, rgba(63, 57, 154, 1) 100%); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(right, rgba(53, 47, 142, 1) 45%, rgba(63, 57, 154, 1) 100%);  /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(right, rgba(53, 47, 142, 1) 45%, rgba(63, 57, 154, 1) 100%); /* Firefox 3.6 - 15 */ background: linear-gradient(to right, rgba(53, 47, 142, 1) 45%, rgba(63, 57, 154, 1) 100%);  /* 标准的语法（必须放在最后） */ }
.bg-blue-jianbian { background: blue; background: -webkit-linear-gradient(left, rgba(70, 42, 128, 1) 15%, rgba(36, 16, 60, 1) 100%);  /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(right, rgba(70, 42, 128, 1) 15%, rgba(36, 16, 60, 1) 100%); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(right, rgba(70, 42, 128, 1) 15%, rgba(36, 16, 60, 1) 100%);  /* Firefox 3.6 - 15 */ background: linear-gradient(to right, rgba(70, 42, 128, 1) 15%, rgba(36, 16, 60, 1) 100%); /* 标准的语法（必须放在最后） */ }

/* 公用遮罩层 */
.all-mask { position: fixed; width: 100%; height: 100%; visibility: hidden; top: 0; left: 0; z-index: 98; opacity: 0; background: rgba(1, 1, 1, 0.6); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
.all-mask.all-mask-show { opacity: 1; visibility: visible; }

/* 公用弹出层 */
.all-pop-cont .all-pop-close { font-size: 12px; right: -34px; top: -20px; position: absolute; background-color: #523ee8; color: #fff; height: 32px; width: 32px; text-align: center; line-height: 32px; border-radius: 16px; cursor: pointer; }
.all-pop-cont .all-pop-close i { font-style: normal; font-size: 20px; }
.all-pop-cont .all-pop-close span { display: none; }
.all-pop-cont .all-pop-close:hover i { display: none; }
.all-pop-cont .all-pop-close:hover span { display: block; }
.all-pop { background-color: #fff; position: fixed; border-radius: 10px; z-index: 999; -webkit-transform: scale(0.7); -moz-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; visibility: hidden;  /* display: none; */ }

.all-pop { background-color: #fff; position: fixed; border-radius: 10px; z-index: 999; -webkit-transform: scale(0.7); -moz-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;  /* display: none; */ }

.gmfw-pop{  width: 700px;}
.gmfw-pop .mf-shiyong{ width: 700px;  background: url(../images/all-pop-bg2.png) no-repeat left top/100% auto; overflow: hidden; border-radius:10px;}


.gmfw-pop-select { font-size: 0; }
.gmfw-pop-select select{ width: 49%; margin-right: 1%; display:inline-block; box-sizing: border-box }
.gmfw-pop-select select option{  padding-top:20px; padding-bottom:20px; }


.all-pop-cont { position: relative; }
.all-pop-show
/* ,.all-pop-hint */
{ visibility: visible; z-index: 9999; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; box-shadow: 0 0 20px rgba(0, 0, 100, 0.1);}
.all-pop-hint-con { width: 405px; background: url(../images/all-pop-bg.png) no-repeat left top; overflow: hidden; border-radius: 10px; }
.all-pop-hint-info { padding: 150px 50px 90px; background: url(../images/all-pop-hint-bg.png) no-repeat center; color: #000; line-height: 40px; text-align: center; font-size: 18px; }
.time-box { margin-top: 50px; font-size: 12px; color: #0E7BFF; }
/* .all-pop-hint{ width:405px; } */
  .mf-shiyong-info { padding: 40px 10%; }
  .mf-shiyong h3 { font-size: 24px; font-weight: normal; text-align: center; color: #000; padding-top: 8%; margin-bottom: 15px; letter-spacing: 2px }
  .mf-shiyong h4 { font-size: 14px; font-weight: normal; color: #000; text-align: center; margin-bottom: 30px; }
  .mf-shiyong li { margin-bottom: 15px; width: 100%; }
  select {  /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
  border: solid 1px #000;  /*很关键：将默认的select选择框样式清除*/ appearance: none; -moz-appearance: none; -webkit-appearance: none;  /*在选择框的最右侧中间显示小箭头图片*/ background: #f5f5f5 url("../images/arrow.png") no-repeat scroll 97% center;  /*为下拉小箭头留出一点位置，避免被文字覆盖*/ padding-right: 20px; width: 100%; line-height: 45px; font-size: 14px; height: 45px; border: 1px solid #f5f5f5; padding-left: 3%; color: #0b0b0b; font-family: "Microsoft YaHei", 'Open Sans', Verdana, Geneva, sans-serif; border-radius: 8px; transition: all 0.5s linear; -moz-transition: all 0.5s linear; -webkit-transition: all 0.5s linear; -o-transition: all 0.5s linear; vertical-align: middle; outline: none; }
  select option { line-height: 27px; }
  select:hover { background: #fff url("../images/arrow.png") no-repeat scroll 97% center; border: 1px solid #523ee8; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }


  /* 产品试用申请 */
  .mf-shiyong { width: 460px; background: url(../images/all-pop-bg.png) no-repeat left top/100% auto; overflow: hidden; border-radius: 10px; }
  .mf-shiyong-info { padding: 40px 10%; }
  .mf-shiyong h3 { font-size: 24px; font-weight: normal; text-align: center; color: #000; padding-top: 5%; margin-bottom: 15px; letter-spacing: 2px }
  .mf-shiyong h4 { font-size: 14px; font-weight: normal; color: #000; text-align: center; margin-bottom: 30px; }
  .mf-shiyong li { margin-bottom: 15px; width: 100%; }
  select {  /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
  border: solid 1px #000;  /*很关键：将默认的select选择框样式清除*/ appearance: none; -moz-appearance: none; -webkit-appearance: none;  /*在选择框的最右侧中间显示小箭头图片*/ background: #f5f5f5 url("../images/arrow.png") no-repeat scroll 97% center;  /*为下拉小箭头留出一点位置，避免被文字覆盖*/ padding-right: 20px; width: 100%; line-height: 45px; font-size: 14px; height: 45px; border: 1px solid #f5f5f5; padding-left: 3%; color: #0b0b0b; font-family: "Microsoft YaHei", 'Open Sans', Verdana, Geneva, sans-serif; border-radius: 8px; transition: all 0.5s linear; -moz-transition: all 0.5s linear; -webkit-transition: all 0.5s linear; -o-transition: all 0.5s linear; vertical-align: middle; outline: none; }
  select option { line-height: 27px; }
  select:hover { background: #fff url("") no-repeat scroll 97% center; border: 1px solid #523ee8; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }



/* 产品弹窗 */

/* .md-effect-1 .md-content { -webkit-transform: scale(0.7); -moz-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
.md-show { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; box-shadow: 0 0 20px rgba(0, 0, 100, 0.1); }
 */

/* .body-open .pop-prod-box { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; right: 0; } */

.pop-prod-box { right: -100%; }
.pop-wrap { width: 100%; height: 100%; position: relative; }
.pop-wrap-hd { height: 50px; position: relative; width: 100%; }
.pop-wrap .nav-icon2 { width: 26px; height: 26px; line-height: 26px; font-size: 28px; z-index: 999; cursor: pointer; color: #999; text-align: center; margin-right: 3%; margin-top: 1%; }
.pop-wrap .nav-icon2 i { display: block; font-style: normal; margin-top: 5px; width: 26px; height: 26px; webkit-transform: scale(0.8, 0.8); transform: scale(0.8, 0.8); -webkit-transition: all 0.5s 0.1s; transition: all 0.5s 0.1s; }
.pop-wrap .nav-icon2:hover i { color: #ff4261; webkit-transform: scale(1, 1); transform: scale(1, 1); }
.pop-wrap .nav-icon2:hover i { display: inline-block; position: relative; webkit-transform: scale(1, 1); transform: scale(1, 1); }
.pop-wrap .nav-icon3 i { display: block; font-style: normal; margin-top: 5px; }
.pop-wrap .nav-icon3:hover { color: #523ee8; }
.pop-box { position: fixed; background-color: #fff; width: 100%; height: 100%; top: 0; z-index: 999; transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; }
.pop-cont { overflow: auto; height: 100%; position: relative; -webkit-overflow-scrolling: touch; }
.add-fixed { position: fixed; }
.add-fixed2 { position: fixed; }
.add-fixed3 { position: fixed; }
.all-fixed { position: fixed; }
.add-fixed .pop-prod-box { right: 0 }
.pop-product { width: 90%; margin: 0 5%; }
.pop-product ul { width: 100%; float: left; margin-top: 3%; }
.pop-product ul li { width: 25%; float: left; position: relative; }
.pop-product ul li img { width: 100%; float: left; }
.pop-product ul li .pop-prod-pic-wap { display: none }
.pop-prod-cont { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color: #6d47d9; background-color: rgba(109, 71, 217, 0.25); transition: all 0.5s linear; -moz-transition: all 0.5s linear; -webkit-transition: all 0.5s linear; -o-transition: all 0.5s linear; }
.pop-product ul li:hover .pop-prod-cont { background-color: #6d47d9; background-color: rgba(109, 71, 217, 0.9); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.pop-prod-cont .pop-prod-nm { color: #fff; font-weight: normal; font-size: 28px; position: relative; margin-top: 15%; }
.pop-product ul li .pop-prod-nm span { color: #fff; display: inline-block; position: absolute; left: 8%;}
  .pop-product ul li .pop-prod-nm span i {font-style: normal;  cursor: pointer; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; }
  .pop-product ul li .pop-prod-nm span i:hover { color: #ff4261; }
.pop-prod-info { position: absolute; top: 50%; width: 100%; left: 0; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; }
.pop-product ul li:hover .pop-prod-info { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }
.pop-prod-info { font-size: 0; }
.pop-prod-info a { display: block; text-align: center; margin-bottom: 5%; color: #fff; font-size: 16px; }
.pop-prod-info a:hover { color: #ff4261; padding-left: 8px; }
.pop-chat { width: 90%; margin: 2% 5% 3% 5%; text-align: center; }
.pop-chat ul { font-size: 0; }
.pop-chat ul li { display: inline-block; line-height: 36px; font-size: 12px; margin: 0 3%; }
.pop-chat ul li i { vertical-align: middle; position: relative; display: inline-block; width: 36px; height: 36px; line-height: 36px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; text-align: center; background: -webkit-linear-gradient(left, rgba(82, 62, 232, 1) 0%, rgba(109, 71, 217, 1));    /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(right, rgba(82, 62, 232, 1) 0%, rgba(109, 71, 217, 1));    /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(right, rgba(82, 62, 232, 1) 0%, rgba(109, 71, 217, 1));    /* Firefox 3.6 - 15 */ background: linear-gradient(right, rgba(82, 62, 232, 1) 0%, rgba(109, 71, 217, 1));    /* 标准的语法（必须放在最后） */ }
.pop-chat ul li i>img { display: inline-block; vertical-align: middle; position: absolute; width: 18px; height: 18px; left: 50%; top: 50%; margin-left: -9px; margin-top: -9px; }
.pop-chat ul li span { display: inline-block; margin-left: 15px; vertical-align: middle; }
.pop-chat-list li .pop-chat-list { vertical-align: middle; display: inline-block; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; text-align: center; position: relative; z-index: 10; }

/* 微信公众号 */
.pop-chat-list li:hover .wxewm-pop { position: absolute; opacity: 1; visibility: visible; top: -110px; }
.pop-chat-list li .wxewm-pop { width: 100px; height: 100px; position: absolute; left: -32px; top: -130px; text-align: center; background: #fff; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2); position: absolute; opacity: 0; visibility: hidden; -webkit-transition: opacity .25s linear, top .25s linear; transition: opacity .25s linear, top .25s linear; transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; }
.pop-chat-list li .wxewm-pop img { width: 100%; }
.pop-chat-list li a { color: #333; }
.pop-chat-list li a:hover { color: #ff4261; }
.wxewm-pop-info { position: relative; }
.wxewm-pop-info em { position: absolute; display: block; width: 0; height: 0; border-top: 6px solid #fff; border-right: 6px solid transparent; border-left: 6px solid transparent; left: 50%; margin-left: -6px; }
.pop-nav { width: 100%; margin-bottom: 1%; }
.pop-nav { font-size: 0; }
.pop-nav a { color: #333; font-size: 12px; display: inline-block; margin: 0 1%; }
.pop-nav a:hover { color: #ff4261; }

/* 搜索弹窗 */
.pop-wrap .nav-icon3 { width: 26px; height: 26px; line-height: 26px; font-size: 18px; z-index: 999; cursor: pointer; color: #ff4261; text-align: center; margin-left: 3%; margin-top: 1% }
.pop-wrap .nav-icon3 i { display: inline-block; width: 26px; height: 26px; position: relative; webkit-transform: scale(0.8, 0.8); transform: scale(0.8, 0.8); -webkit-transition: all 0.5s 0.1s; transition: all 0.5s 0.1s; }
.pop-wrap .nav-icon3:hover i { display: inline-block; position: relative; webkit-transform: scale(1, 1); transform: scale(1, 1); }
.pop-wrap .nav-icon3 i img { width: 100%; }
.pop-wrap .nav-icon3 i .pop_search-1 { position: relative; opacity: 1; visibility: visible; -webkit-transition: all 0.1s 0.1s; transition: all 0.1s 0.1s; }
.pop-wrap .nav-icon3 i:hover .pop_search-1 { opacity: 0; visibility: hidden; -webkit-transition: all 0.1s 0.1s; transition: all 0.1s 0.1s; position: relative; }
.pop-wrap .nav-icon3 i:hover .pop_search-2 { opacity: 1; visibility: visible; -webkit-transition: all 0.1s 0.1s; transition: all 0.1s 0.1s; position: absolute; top: 0; left: 0; z-index: 1; }
.pop-wrap .nav-icon3 i .pop_search-2 { opacity: 0; visibility: hidden; -webkit-transition: all 0.1s 0.1s; transition: all 0.1s 0.1s; position: absolute; top: 0; left: 0; z-index: 1; }
.pop-search-box { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; left: -100%;  /* display: block; */ }
.add-fixed3 .pop-search-box { left: 0 }
.pop-search-cont { width: 50%; margin: 0 auto; text-align: center; position: absolute; z-index: 4; left: 50%; top: 45%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }
.pop-s-hd { margin-bottom: 8%; }
.pop-s-hd h2 { font-size: 26px; }
.pop-logo { margin-bottom: 4%; }
.pop-s-search { margin: 0 auto; position: relative; }
.pop-s-search-input { margin-right: 156px; }
.pop-s-search input[type="text"] { background-color: #f0f0f0; border: 2px solid #24103c; border-right: 0; width: 100%; font-size: 18px; height: 66px; padding: 10px; -moz-box-sizing: border-box;  /*Firefox3.5+*/ -webkit-box-sizing: border-box; /*Safari3.2+*/ -o-box-sizing: border-box; /*Opera9.6*/ -ms-box-sizing: border-box; /*IE8*/ box-sizing: border-box; }
.pop-s-search:hover input[type="text"] { border: 2px solid #523ee8; background: #fff; }
.pop-s-btn { position: absolute; right: 0; top: 0; width: 160px; height: 66px; background: #24103c; }
.pop-s-btn-submit { width: 100%; height: 66px; line-height: 56px; font-size: 18px; color: #fff; border: 0; cursor: pointer; background: transparent; position: relative; z-index: 2; }
.pop-s-btn span { position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; z-index: 1; background: #24103c }
.pop-s-search:hover .pop-s-btn span { z-index: 1; opacity: 1; background: #523ee8; }
.pop-s-link { margin-top: 10%; margin-bottom: 5%; }
.pop-s-link a { color: #000; display: inline-block; padding: 0 2%; font-size: 16px; }
.pop-s-link a:hover { color: #ff4261; }
.pop-s-function a { vertical-align: middle; display: none; bottom: 0px; color: #333; font-size: 18px; }
.pop-s-function a:hover { color: #ff4261; }

/* 右侧浮动 */
.rightFixed { position: fixed; width: 46px; height: 46px; right: 26px; bottom: 110px; z-index: 20; }
.right-fd-zx { position: absolute; bottom: 52px; width: 100%; height: 46px; -webkit-transition: all .6s; transition: all .6s; z-index: 9; }
.right-fd-zx>a { display: block; background: #523ee8 url('../images/right-zx-icon2.png') no-repeat center /50%; height: 46px; color: #fff; box-shadow: 0 0 20px rgba(0, 0, 100, 0.1); }
.right-fd-zx>a:hover { background: #6d47d9 url('../images/right-zx-icon2.png') no-repeat center /50%; }
.r-fd-zx-box { background: #fff; box-shadow: 0 0 20px rgba(0, 0, 100, 0.1); border-radius: 5px; right: 45px; position: absolute; bottom: 0; padding: 10px 30px 20px 30px; width: 280px; opacity: 0; visibility: hidden; -webkit-transition: all 0.1s 0.1s; transition: all 0.1s 0.1s; }
.rightFixedCurdd .r-fd-zx-box { right: 55px; opacity: 1; visibility: visible; -webkit-transition: all 0.8s 0.1s; transition: all 0.8s 0.1s; }
.r-fd-ewm-box { /* background: #fff;  box-shadow: 0 0 20px rgba(0, 0, 100, 0.1); border-radius: 5px;*/ right: 45px; position: absolute; bottom: 0; padding: 5px; width: 201px; opacity: 0; visibility: hidden; -webkit-transition: all 0.1s 0.1s; transition: all 0.1s 0.1s; text-align: center; font-size: 12px; }
.r-fd-ewm-box  div { margin-bottom: 5px; }
.rightFixedEwm .r-fd-ewm-box { right: 55px; opacity: 1; visibility: visible; -webkit-transition: all 0.8s 0.1s; transition: all 0.8s 0.1s; }
.r-fd-zx-info { position: relative; }
.r-fd-zx-info i.r-fd-close { position: absolute; font-style: normal; cursor: pointer; font-size: 22px; top: -10px; right: -10px; display: block; width: 20px; height: 20px; line-height: 20px; text-align: center; color: #999; }
.r-fd-zx-info i:hover { color: #ff4261; }
.r-fd-zx-list { margin: 20px 0; }
.r-fd-zx-list em { width: 26px; height: 26px; display: inline-block; vertical-align: middle; margin-right: 10px }
.r-fd-zx-list em img { width: 100%; }
.r-fd-zx-text { display: inline-block; vertical-align: middle; }
.r-fd-zx-text h2 { font-weight: normal; font-size: 14px; color: #000; margin-bottom: 3px; }
.r-fd-zx-text strong { font-weight: normal; font-size: 14px; color: #ff4261; }
.r-fd-zx-text span { font-weight: normal; font-size: 12px; color: #999; }
.right-fd-ewm { position: absolute; bottom: 0px; width: 100%; height: 46px; -webkit-transition: all 0.6s 0.1s; transition: all 0.6s 0.1s; z-index: 9; }
.right-fd-ewm>a { display: block; background: #fff url('../images/right-ewm-icon1.png') no-repeat center /50%; height: 46px; color: #fff; box-shadow: 0 0 20px rgba(0, 0, 100, 0.1); }
.right-fd-ewm>a:hover { background: #6d47d9 url('../images/right-ewm-icon2.png') no-repeat center /50%; }
.rightFixedCur .right-fd-zx { bottom: 104px; }
.rightFixedCur .right-fd-ewm { bottom: 52px; }
.back-top {    /* position:absolute; bottom:50px; */
width: 100%; height: 46px; opacity: 0; -webkit-transition: all 0.6s 0.1s; transition: all 0.6s 0.1s; }
.back-top a { display: block; background: #fff url('../images/back-top-icon1.png') no-repeat center /50%; height: 46px; color: #fff; box-shadow: 0 0 20px rgba(0, 0, 100, 0.1); }
.back-top a:hover { display: block; background: #6d47d9 url('../images/back-top-icon2.png') no-repeat center /50%; }
.rightFixedCur .back-top { opacity: 1 }

/* footer */
.footer { width: 100%; background: #24103c; }
.footer-search { background: #31244b; width: 100% }
.f-s-cont { position: relative; }
.f-s-cont-sign { width: 185px; height: 24px; position: absolute; left: 0; top: 0; background: url(../images/f-s-cont-sign.png) no-repeat 0 0; }
.f-s-list { font-size: 0 }
.f-s-list li { display: inline-block; width: 20%; font-size: 14px; margin: 20px 0; }
.f-s-list li i { display: inline-block; width: 30px; height: 30px; border: 3px solid #fff; border-radius: 20px; vertical-align: middle; margin-right: 15px; line-height: 30px; text-align: center; color: #fff; font-style: normal; }
.f-s-list li span { display: inline-block; color: #fff; font-size: 14px; vertical-align: middle; }
.footer-contact { width: 25%; margin-top: 5%; }
.footer-contact .footer-logo { width: 45%; margin-bottom: 8%; }
.footer-contact .footer-logo img { width: 100%; }
.f-contact-info { margin-bottom: 8%; margin-right: 15% }
.f-contact-info a { color: #a89bff; }
.f-contact-info a:hover { color: #ff4261 }
.f-contact-info h2 { font-size: 16px; color: #fff; margin-bottom: 2%; }
.f-contact-info h3 { font-size: 16px; color: #dcd5e3; line-height: 32px }
.f-contact-btn a { display: inline-block; background-color: #5a3eeb; color: #fff; padding: 12px 35px; letter-spacing: 5px; text-align: center; }
.f-contact-btn a { display: inline-block; background-color: #5a3eeb; color: #fff; padding: 10px 25px; letter-spacing: 5px; text-align: center; }
.f-contact-btn a:hover { background-color: #ff4261; }
.f-contact-btn a i { display: inline-block; margin-right: 10px; }
.footer-right { width: 75%; margin-top: 5%; }
.footer-prod { width: 100%; border-top: 1px solid #331a53; padding-top: 3%; margin-bottom: 3%; }
.footer-prod dl { float: left; width: 20%; }
.footer-prod dl dt { margin-bottom: 8%; position: relative }
.footer-prod dl dt a { color: #fff; font-size: 16px; display: block; }
.footer-prod dl dt p { position: absolute; top: 0; right: 0; color: #fff; font-size: 16px; display: none; width: 50%; height: 100%; text-align: right; cursor: pointer; }
.footer-prod dl dt p i { color: #fff; font-size: 16px; position: absolute; right: 0; top: 50%; height: 20px; line-height: 20px; vertical-align: middle; margin-top: -10px; transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out; }
.f-p-arrow-cur i { color: #ff4261; transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); }
.footer-prod dl dt a:hover { color: #ff4261; }
.footer-prod dl dd { display: block; height: auto; }
.footer-prod dl dd a { display: block; color: #dcd5e3; font-size: 14px; margin-bottom: 7%; }
.footer-prod dl dd a:hover { color: #ff4261; }
.footer-company { width: 100%; }
.f-comp-list { width: 31%; border-top: 1px solid #331a53; margin-right: 3%; padding-top: 2%; float: left; }
.f-comp-list:last-child { margin-right: 0; }
.f-comp-list a { color: #a89bff; }
.f-comp-list a:hover { color: #ff4261 }
.f-comp-list h2 { font-size: 16px; color: #fff; margin-bottom: 3%; }
.f-comp-list h3 { font-size: 14px; color: #dcd5e3; line-height: 27px; }
.f-comp-list h3 i { margin-right: 10px; width: 18px; display: inline-block; vertical-align: middle; }
.f-comp-list h3 i img { width: 100%; }
.f-copyright { width: 100%; border-top: 1px solid #331a53; margin-bottom: 3%; font-size: 12px; color: #dcd5e3; padding-top: 2% }
.f-copyright h4 { font-size: 12px; color: #dcd5e3; margin-bottom: 2%; }
.f-copyright a { color: #dcd5e3; display: inline-block; }
.f-copyright a:hover { color: #ff4261; }
.f-copy-link { margin-bottom: 2%; }
.f-copy-link span { padding: 0 10px; }

/* .f-copy-right h4 {margin-bottom: 2%; } */
.f-copy-right { }
.footer-ewm { position: relative; }
.footer-ewm-pic { width: 100px; height: 100px; position: absolute; left: 50%; margin-left: -50px; bottom: 40px; box-shadow: 5px -5px 10px rgba(0, 0, 0, 0.1); background: #fff; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; opacity: 0; visibility: hidden; }
.footer-ewm:hover .footer-ewm-pic { bottom: 30px; opacity: 1; visibility: visible; }
.footer-e-p-inner { position: relative; }
.footer-e-p-inner:before { width: 50px; content: ""; position: absolute; width: 0; height: 0; border-right: 10px solid transparent; border-top: 5px solid #fff; border-left: 10px solid transparent; bottom: -5px; left: 50%; margin-left: -10px; }
.f-copy-talk { font-size: 16px; text-align: right; margin-bottom: 4%; }
.f-copy-talk a { display: inline-block; margin: 0 6px; }
.f-copy-talk a:hover { color: #ff4261; }
.footer-links { width: 100%; margin-top: 2%; margin-bottom: 2%; }
.footer-links h2 { color: #dcd5e3; font-size: 14px; margin-bottom: 1%; }
.footer-links h2 span { display: inline-block; margin-right: 10px; }
.footer-links h2 .f-links-btn { color: #a89bff; }
.footer-links h2 i { display: inline-block; font-style: normal; margin-left: 5px; vertical-align: bottom; font-size: 16px; line-height: 18px; }
.footer-links h2 .f-links-btn:hover { color: #ff4261; }
.footer-links h2 .f-links-btn.cur { color: #ff4261; }
.f-links-cont { background: #fff; display: none }
.f-links-cont ul { font-size: 0; padding: 15px 10px; }
.f-links-cont ul li { display: inline-block; margin-right: 3%; }
.f-links-cont ul li img { width: 100%; }

/* 手机服务拖拽按钮 */
#wap-serve-btn { display: none; width: 40px; height: 40px; position: fixed; right: 30px; bottom: 13%; z-index: 21; background: #1dd3fa; border-radius: 30px; box-shadow: 0 0 10px rgba(0, 0, 100, 0.2); overflow: hidden; }
#wap-serve-btn a { display: block; text-align: center; position: absolute; width: 40px; height: 40px; }
#wap-serve-btn a i { display: block; text-align: center; position: absolute; width: 100%; top: 50%; text-align: center; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
#wap-serve-btn a i img { width: 60%; }

/*============================内页 ============================*/

/* 内页头部 */
.page-head-height { width: 100%; height: 0; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; }
.page-header { width: 100%; position: fixed; left: 0; top: 0; z-index: 51; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; }
.page-header:before, .page-h-top:before, .main-nav-wrap:before { width: 100%; left: 0; bottom: 0; position: absolute; height: 100%; content: ""; background: #fff; background: rgba(255, 255, 255, 0.08); background: -webkit-linear-gradient(left, rgba(53, 47, 142, 1) 45%, rgba(59, 53, 149, 1) 100%);  /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(right, rgba(53, 47, 142, 1) 45%, rgba(59, 53, 149, 1) 100%);  /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(right, rgba(53, 47, 142, 1) 45%, rgba(59, 53, 149, 1) 100%);  /* Firefox 3.6 - 15 */ background: lineopacityar-gradient(to right, rgba(53, 47, 142, 1) 45%, rgba(59, 53, 149, 1) 100%);  /* 标准的语法（必须放在最后） */ transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; opacity: 0; visibility: hidden; }
.page-header:hover:before, .page-header:hover .page-h-top:before, .page-headerBg:before, .page-headerBg .page-h-top:before, .page-header:hover .main-nav-wrap:before, .page-headerBg  .main-nav-wrap:before { opacity: 1; visibility: visible; }
.page-h-top { width: 100%; height: 46px; position: relative; z-index: 5; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; opacity: 1; visibility: visible; }
.page-h-top { width: 100%; height: 46px; position: relative; z-index: 5; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; opacity: 1; visibility: visible; }
.page-h-topHide { opacity: 0; visibility: hidden; }
.page-h-top-bg { background: -webkit-linear-gradient(left, rgba(53, 47, 142, 1) 45%, rgba(59, 53, 149, 1) 100%);  /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(right, rgba(53, 47, 142, 1) 45%, rgba(59, 53, 149, 1) 100%);  /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(right, rgba(53, 47, 142, 1) 45%, rgba(59, 53, 149, 1) 100%);  /* Firefox 3.6 - 15 */ background: linear-gradient(to right, rgba(53, 47, 142, 1) 45%, rgba(59, 53, 149, 1) 100%);  /* 标准的语法（必须放在最后） */ }
.page-h-top:after { width: 100%; left: 0; bottom: 0; position: absolute; height: 1px; content: ""; background: #fff; background: rgba(255, 255, 255, 0.08); }
.page-h-t-box { width: 94%; margin: 4px 3% 0 3%; }
.page-h-t-box .logo { width: 115px; z-index: 1; position: relative; }
.page-h-t-box .logo img { width: 100%; }
.page-h-top .header-r { height: 36px; line-height: 36px; margin-top: 0; }
.main-nav-wrap { width: 100%; position: absolute; top: 46px; left: 0; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; }
.main-nav-box { width: 94%; margin: 0 3% 0 3%; height: 50px; position: relative; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; }
.main-nav-inner { width: 100%; position: absolute; z-index: 1; top: 0; transition: all 0.5s 0.2s; -moz-transition: all 0.5s 0.2s; -webkit-transition: all 0.5s 0.2s; -o-transition: all 0.5s 0.2s; }
.main-nav-innerHide { top: -50px; opacity: 0; visibility: hidden; transition: all 0.5s 0; -moz-transition: all 0.5s 0; -webkit-transition: all 0.5s 0; -o-transition: all 0.5s 0; }
.header-ad-pc { width: 85px; margin-right: 3%; margin-top: 7px; vertical-align: middle; height: 36px; }
.header-ad-pc a { display: block; }
.header-ad-pc img { width: 100%; vertical-align: middle; }

/* 内页手机按钮 */
.page-header .nav-icon { top: 4px; display: none; }

/* 内页主导航 */
.main-nav { width: 85%; height: 50px; }
.main-nav>ul { float: left; width: 100%; }
.main-nav>ul>li { float: left; margin-right: 3%; position: relative; }
.main-nav>ul>li>a { color: #fff; display: block; line-height: 50px; font-size: 16px; position: relative; }
.main-nav>ul>li>a>i { display: block; height: 2px; position: absolute; width: 100%; left: 0; bottom: 0; text-align: center; line-height: 0; font-size: 0; }
.main-nav>ul>li>a>i:after { content: ''; height: 2px; width: 0; background: #ff4261; display: inline-block; transition: opacity .25s linear, top .25s linear; transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; }
.main-nav>ul>li>p { display: none; position: absolute; width: 50%; height: 50px; line-height: 50px; right: 0; top: 0; text-align: right; }
.main-nav>ul>li>p b { width: 30px; text-align: center; display: inline-block; }
.main-nav>ul>li.cur>a { color: #ff4261; }
.main-nav>ul>li.cur>a>i:after { width: 100%; }
.main-nav>ul>li:hover>a { color: #ff4261; }
.main-nav>ul>li:hover>a>i:after { width: 100%; }
.main-nav>ul>li:hover .main-nav-down { opacity: 1; visibility: visible; }
.main-nav-box .main-nav-down { position: absolute; top: 50px; background: #2a2276; left: 50%; width: 156px; margin-left: -78px; -webkit-transition: opacity .25s linear, top .25s linear; transition: opacity .25s linear, top .25s linear; transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; opacity: 0; visibility: hidden; }
.main-nav-box .main-nav-down a { display: block; color: #fff; font-size: 14px; text-align: center; line-height: 40px; position: relative; }
.main-nav-box .main-nav-down a:hover { background: #352f8e; }
.m-n-d-tag { width: 28px; height: 12px; background: url(../images/mba-icon1.png); background-size: contain; text-align: center; top: 10px; right: 10px; position: absolute; color: #000; font-size: 8px; }
.m-n-d-tag img { vertical-align: top; }
.main-hd-links { position: absolute; right: 0; top: 50%; z-index: 5; height: 16px; margin-top: -8px; }
.main-hd-links a { display: inline-block; position: relative; margin-left: 15px; width: 20px; height: 15px; }
.main-hd-links a:before { position: absolute; width: 100%; height: 100%; content: ""; display: block; top: 0; left: 0; opacity: 1; visibility: visible; }
.main-hd-links a.hd-email-icon:before { background: url(../images/hd-email-icon.png) no-repeat center/100%; }
.main-hd-links a.hd-hys-icon:before { background: url(../images/hd-hys-icon.png) no-repeat center/100%; }
.main-hd-links a.hd-zb-icon:before { background: url(../images/hd-zb-icon.png) no-repeat center/100%; }
.main-hd-links a:after { position: absolute; width: 100%; height: 100%; content: ""; display: block; top: 0; left: 0; opacity: 0; visibility: hidden; }
.main-hd-links a.hd-email-icon:after { background: url(../images/hd-email-icon-hover.png) no-repeat center/100%; }
.main-hd-links a.hd-hys-icon:after { background: url(../images/hd-hys-icon-hover.png) no-repeat center/100%; }
.main-hd-links a.hd-zb-icon:after { background: url(../images/hd-zb-icon-hover.png) no-repeat center/100%; }
.main-hd-links a:hover:before { opacity: 0; visibility: hidden; }
.main-hd-links a:hover:after { opacity: 1; visibility: visible; }

/* 内页手机版主导航 */
.wap-page-nav { position: fixed; width: 100%; height: 100%; left: 0; top:-100%; background: #fff; z-index: 50; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s;   opacity: 0;  visibility: hidden; }
.wap-page-navShow { top: 46px; opacity: 1; visibility: visible;}
.wap-p-n-box { width: 94%; padding: 0 3%; height: 100%; overflow: auto; }
.wap-p-n-box .main-nav { width: 100%; height: auto; }
.wap-p-n-box .main-nav>ul>li { width: 100%; margin-right: 0; border-bottom: 1px solid #f1f1f1; position: relative; }
.wap-p-n-box .main-nav>ul>li>a { color: #222; display: block; line-height: 50px; font-size: 16px; position: relative; }
.wap-p-n-box .main-nav>ul>li.cur>a { color: #ff4261; }
.wap-p-n-box .main-nav>ul>li>a>i { display: none; }
.wap-p-n-box .main-nav>ul>li>p { display: block; }
.wap-p-n-box .main-nav-down { position: static; opacity: 1; visibility: visible; left: 0; width: auto; margin-left: 0; background: #fff; display: none; margin-bottom: 10px; }
.wap-p-n-box .main-nav-down a { color: #333; line-height: 40px; font-size: 14px; text-align: left; display: block; position: relative; }
.wap-p-n-box .main-nav-down a:hover { background: #fff; color: #ff4261; }

/* 页面子导航 */
.pange-nav-box { position: fixed; top: 46px; width: 85%; margin-left: 3%; height: 50px; z-index: 51; pointer-events: none; overflow: hidden; }
.pange-nav { width: 100%; height: 50px; bottom: -50px; position: absolute; transition: all 0.5s 0.1s; -moz-transition: all 0.5s 0.1s; -webkit-transition: all 0.5s 0.1s; -o-transition: all 0.5s 0.1s; pointer-events: auto; }
.pange-navShow { bottom: 0; transition: all 0.5s 0.3s; -moz-transition: all 0.5s 0.3s; -webkit-transition: all 0.5s 0.3s; -o-transition: all 0.5s 0.3s; opacity: 1; visibility: visible; }
.pange-nav h2 { float: left; margin-right: 3%; color: #fff; display: block; line-height: 50px; font-size: 16px; position: relative; }
.pange-nav h2 a i { font-size: 18px; vertical-align: middle; padding-right: 5px; }
.pange-nav h2:after { content: ''; height: 2px; position: absolute; background-color: #ff4261; width: 100%; left: 0; bottom: 0; transition: opacity .25s linear, top .25s linear; transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; }
.pange-nav h2 a { color: #fff; display: block; line-height: 50px; font-size: 16px; position: relative; }
.pange-nav h2 a:hover { color: #ff4261; }
.pange-nav-info a { float: left; margin-right: 3%; color: #fff; display: block; line-height: 50px; font-size: 16px; position: relative; }
.pange-nav-info a:hover { color: #ff4261; }
.pange-nav-info a.cur { color: #ff4261; }
.pange-nav a .m-n-d-tag { right: -26px; }
.case-nav-search { display: none; }
.page-banner { width: 100%; position: relative; }
.page-banner img { width: 100%; }

/* 分页 */
.pageBox-wrap { width: 100%; }
.pageBox { padding: 0px; float: left; font-size: 14px; width: 100%; height: 40px; margin: 0px 0px 5% 0px }
.pageBox:hover { border-radius: 5px }
.pageBox .prev, .pageBox .next { padding: 10px 0px }
.pageBox .prev a, .pageBox .next a { height: 14px; padding: 6px; overflow: hidden; line-height: 14px; width: 18px }
.pageBox span { }
.pageBox a { margin: 0 3px; text-align: center; height: 14px; padding: 6px 11px 6px 11px; line-height: 14px; border: 1px solid #bababa; background: #fff; overflow: hidden; text-decoration: none; color: #888 }
.pageBox a:hover { border: 1px solid #523ee8; background-color: #523ee8; color: #fff; text-decoration: none; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out }
.pageHover a, .pageHover a:hover { border: 1px solid #523ee8; background-color: #523ee8; color: #fff; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out }







/****************分辨率范围***************/

/*宽屏 笔记本1280-1440分辨率（不含1280分辨率-含1440分辨率）*/
@media screen and (min-width:1280px) and (max-width:1440px) {
  .row { width: 90%; margin: 0 5%; }
  .row1600 { width: 1200px; margin: 0 auto; }
  .row1200 { width: 1200px; margin: 0 auto; }
}

/*笔记本窄屏 1024-1280分辨率（不含1024分辨率-含1280分辨率）*/
@media screen and (min-width:1024px) and (max-width:1280px) {
  .row { width: 90%; margin: 0 5%; }
  .row1600 { width: 90%; margin: 0 5%; }
  .row1200 { width: 90%; margin: 0 5%; }
}

/*ipad横向768-1024以内样式表（不含768分辨率-含1280分辨率）*/
@media screen and (min-width:768px) and (max-width:1024px) {
  .row { width: 90%; margin: 0 5%; }
  .row1600 { width: 90%; margin: 0 5%; }
  .row1200 { width: 90%; margin: 0 5%; }
}

/*960以内样式表*/
@media only screen and (max-width:960px) {
  .row { width: 90%; margin: 0 5%; }
  .row1600 { width: 90%; margin: 0 5%; }
  .row1200 { width: 90%; margin: 0 5%; }
  .pop-box { display: none; }
.page-h-t-box .logo { width: 100px; margin-top: 7px; }

  /* 手机服务拖拽按钮 */
  #wap-serve-btn { display: block; }

  /* 公用弹出层 */
  .all-pop-cont .all-pop-close { right: 5%; top: 3%; line-height: 24px; }
  .all-pop { border-radius: 0; width: 100%; height: 100%; top: 0; left: 0; overflow: auto }
  .mf-shiyong {    width: 100%;    border-radius: 0;}
  .gmfw-pop .mf-shiyong {    width: 100%;    border-radius: 0;}


  /* 头部 */
  .header { height: 46px; /* position: static; */ }
  .header .header-cont { display: none; }
  .header-fixed { top: 0; height: 50px }
  .header-fixed .header-cont { margin-top: 0; }
  .header-fixed .header-cont .logo { margin-top: 12px; width: 100px; }
  .header-fixed .header-r { margin-top: 10px; }
  .header-link a { font-size: 12px; }

  /* .header-fixed .nav-icon { margin-top: -5px; } */
  .hint-left { display: none }
  .header-r { width: 60%; }

  /* 登录/注册*/
  .md-modal { width: 100%; height: 100%; top: 0; left: 0; overflow: auto }
  .md-content { width: 100%; height: 100%; }
  .md-content .md-close { right: 5%; top: 3%; line-height: 24px; }
  .md-inner { width: 100%; height: 100%; border-radius: 0; }
  .md-inner-pic { display: none; }
  .md-inner-info { margin: 0; }
  .md-info-inner { width: 86%; height: 100%; }
  .md-info-inner h3 { font-size: 24px;}
.md-inner-tab a { font-size: 14px;}
  .md-overlay { background-color: #fff; background: rgba(255, 255, 255, 1); }
.send_buttom { font-size: 14px; padding: 13px 0px;}

  /* 产品弹窗 */
  .pop-wrap .nav-icon2 { margin-top: 3%; }
  .pop-wrap .nav-icon3 { margin-top: 3%; }
  .pop-product ul li { width: 100%; }
  .pop-product ul li .pop-prod-pic-wap { display: block }
  .pop-product ul li .pop-prod-pic-pc { display: none }
  .pop-prod-cont, .pop-product ul li:hover .pop-prod-cont { background-color: #6d47d9; background-color: rgba(109, 71, 217, 0.8); }
  .pop-prod-info a { margin-right: 0; }
  .pop-prod-info a:hover { color: #ff4261; padding-left: 0; }
  .pop-prod-cont .pop-prod-nm { margin-top: 15%; font-size: 16px; margin-bottom: 5%; }
  .pop-product ul { margin-top: 10px; }
  .pop-product ul li .pop-prod-nm span { position: static; display: block; text-align: center; width: 100%; margin: 0px; left: 0; }
  .pop-product ul li .pop-prod-info { opacity: 1; text-align: center; margin-top: 15px; position: static; }
  .pop-product ul li .pop-prod-info a { display: inline-block; font-size: 12px; }
  .pop-product ul li .pop-prod-info a { display: inline-block; font-size: 12px; margin: 0 2%; }
  .h-banner-text h2 img { width: 60%; }
  .pop-chat { margin: 5%; }
  .pop-chat ul li i { width: 30px; height: 30px; }
  .pop-chat ul li i>img { width: 14px; height: 14px; margin-left: -7px; margin-top: -7px; }
  .pop-nav { margin-bottom: 5%; padding-top: 5%; }
  .h-banner-text p { font-size: 18px }
  .pp-inner { display: none }

  /* 右侧浮动内容 */
  .rightFixed { bottom: 5%; }
  .right-fd-zx { display: none; }
  .right-fd-ewm { display: none; }

  /* footer */
  .f-s-list li { width: 33%; margin: 3% 0; }
  .f-s-list li i { border: 1px solid #fff; }
  .f-s-list li:nth-child(n+4) { display: none }
  .footer-contact { width: 100% }
  .footer-contact .footer-logo { display: none }
  .f-contact-info h2 { font-size: 12px; }
  .f-contact-info h3 { font-size: 12px; line-height: 23px; }
  .f-contact-info { float: left; margin-bottom: 0%; }
  .footer-right { width: 100%; margin-top: 3%; }
  .footer-prod { padding-top: 0%; margin-bottom: 3%; }
  .f-contact-btn { float: right; }
  .f-contact-btn a { letter-spacing: 2px; font-size: 14px; }
  .footer-prod dl { float: none; width: 100%; border-bottom: 1px solid #331a53; }
  .footer-prod dl dt { width: 100%; margin-bottom: 0 }
  .footer-prod dl dt a { font-size: 14px; padding: 16px 0; }
  .footer-prod dl dt p { display: block; }
  .footer-prod dl dd { font-size: 0; display: none; margin-bottom: 10px }
  .footer-prod dl dd a { display: inline-block; font-size: 12px; margin-bottom: 3%; margin-right: 5%; }
  .f-comp-list h2 { font-size: 12px; }
  .f-comp-list h3 { font-size: 12px; line-height: 18px; }
  .footer-links h2 { font-size: 12px; }
  .f-comp-list { width: 100%; border-top: 0; border-bottom: 1px solid #331a53; margin-right: 0; padding: 2% 0; }
  .f-comp-list h2 { font-size: 14px; color: #fff; margin-bottom: 1%; }
  .f-comp-list h3 { line-height: 20px; }
  .f-comp-list h3 i { width: 10px; }

  /*============================内页 ============================*/
  .page-h-topHide { opacity: 1; visibility: visible; }
  .page-head-height { height: 46px; }
  .page-header:before { opacity: 1; visibility: visible; }
  .page-header .nav-icon { display: block; }
  .main-nav-wrap { display: none; }
  .header-ad-pc { display: none; }
  .pange-nav { display: none; }
}

/*phone横向480-ipad竖向768分辨率（不含480分辨率-含768分辨率）*/
@media screen and (min-width:480px) and (max-width:768px) {
  .row { width: 90%; margin: 0 5%; }
  .row1600 { width: 90%; margin: 0 5%; }
  .row1200 { width: 90%; margin: 0 5%; }
  .header-phone { display: none; }

  /* 产品弹窗 */
  .pop-chat ul li { width: 50%; margin: 0; margin-bottom: 3%; }
  .pop-chat ul li span { display: inline-block; width: 50%; text-align: left; }

  /* footer */
  .f-contact-info { width: 50%; margin-right: 0; margin-bottom: 3%; }
  .f-contact-btn { margin: 0 auto; width: 100%; float: left; }
  .footer-right { width: 100%; margin-top: 5%; }
  .f-comp-list { padding: 4% 0; }
  .f-copyright { padding: 5% 0; }
  .f-copyright h4 { }
  .f-copyright div { width: 100%; text-align: center; }
  .f-copy-talk { margin-top: 4%; }
  .f-contact-btn a { letter-spacing: 2px; font-size: 12px; }
  .f-contact-btn a i { margin-right: 5px }

  /*============================内页 ============================*/
  #wap-serve-btn { bottom: 25%; }
}

/*phone竖向480分辨率以下（含480px）*/
@media only screen and (max-width:480px) {
  .row { width: 90%; margin: 0 5%; }
  .row1600 { width: 90%; margin: 0 5%; }
  .row1200 { width: 90%; margin: 0 5%; }

  /*弹窗案例搜索*/
  .pop-search-cont { width: 86%; }
  .pop-logo { width: 50%; margin: 0 auto; margin-bottom: 5%; }
  .pop-logo img { width: 100%; }
  .pop-s-hd h2 { font-size: 16px; }
  .pop-s-link a { font-size: 14px; margin-bottom: 12px; }
  .pop-s-btn { height: 27px; width: auto; padding: 8px; }
  .pop-s-btn-submit { height: 27px; font-size: 14px; line-height: 27px; }
  .pop-s-search input[type="text"] { height: 45px; font-size: 14px; }
  .pop-s-search-input { margin-right: 0px; }

  /* 产品弹窗 */
  .pop-prod-cont .pop-prod-nm { margin-top: 12%; font-size: 18px; margin-bottom: 6%; }
  .pop-product ul li .pop-prod-info a { display: inline-block; width: 25%; font-size: 12px; margin-bottom: 3%; }
  .header-phone { display: none; }
  .pop-chat ul li { width: 50%; margin: 0; margin-bottom: 3%; }
  .pop-chat ul li span { display: inline-block; text-align: left; }
  .pop-nav { text-align: left; border-top: 1px solid #f1f1f1; }
  .pop-nav a { display: inline-block; width: 33%; text-align: center; margin: 1% 0; }
  .h-server-box { margin-top: 0; width: 100%; }

  /* 右侧浮动 返回顶部*/
  .rightFixed { width: 36px; height: 36px; right: 5px; }
  .back-top { height: 36px; }
  .back-top a { height: 36px; }

  /* footer */
  .f-s-list li { width: 33%; font-size: 10px; margin: 9% 0 4% 0; text-align: center; }
  .f-s-list li i { border: 1px solid #fff; width: 22px; display: block; margin: 0 auto; margin-bottom: 6px; height: 22px; line-height: 22px; font-size: 14px; }
  .f-s-list li span { font-size: 10px; }
  .footer-contact { text-align: center; margin: 8% 0 5% 0; }
  .f-contact-btn { float: none; margin: 0 auto; }
  .f-contact-info { width: 100%; text-align: left; margin-bottom: 5%; }
  .f-contact-btn a { letter-spacing: 2px; font-size: 12px; }
  .f-contact-btn a i { margin-right: 5px }
  .footer-links h2 { margin-bottom: 3%; }
  .f-links-cont ul { font-size: 0; padding: 10px 8px; }
  .f-links-cont ul li { width: 20%; margin-right: 5%; }
  .footer-prod { padding-top: 0; margin-bottom: 6%; }
  .footer-prod dl dt a { font-size: 12px; padding: 15px 0; }
  .f-comp-list { width: 100%; border-top: 0; border-bottom: 1px solid #331a53; margin-right: 0; padding: 5% 0; }
  .f-comp-list h2 { font-size: 14px; color: #fff; margin-bottom: 2%; }
  .f-comp-list h3 { line-height: 20px; }
  .f-comp-list h3 i { width: 10px; }
  .f-comp-list { padding: 5% 0; }
  .footer-links { margin-top: 5%; margin-bottom: 5%; }
  .f-copyright { padding: 5% 0; font-size: 10px; }
  .f-copyright h4 { font-size: 9px; }
  .f-copyright div { width: 100%; text-align: center; }
  .f-copy-talk { margin-top: 4%; }

  /*============================内页 ============================*/
  #wap-serve-btn { right: 5px; }
  .pageBox a { margin: 0 2px; text-align: center; height: 12px; padding: 4px 10px; line-height: 12px; }
  .gmfw-pop-select select{ width: 100%; }
  .gmfw-pop-select select:nth-child(1){  margin-bottom: 15px; }
}

/* 减少动效偏好：停掉只会「一直动」的装饰动画
   （首页漂浮图标、打字点、md 图 10s 缓推、鼠标滚动提示）。
   2026-11-04 P1104-ops-3。只关 animation，不动 transition ——
   导航滑入、下拉展开这类「操作反馈」仍照常瞬时生效。 */
@media (prefers-reduced-motion: reduce) {
  .pp-pos-1, .pp-pos-2, .pp-pos-3,
  .h-y-icon-1, .h-y-icon-2, .h-y-icon-3,
  .h-y-icon-4, .h-y-icon-5, .h-y-icon-6,
  .typing_loader, .h-mouse-cont i { animation: none !important; }
  .md-inner-pic img { animation: none !important; -webkit-transform: none !important; transform: none !important; }
}