* { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html { font-size: 62.5%; font-size: 62.5% !important; height: 100%; }
body { font-family: -apple-system-font,Helvetica Neue,Helvetica,sans-serif; margin: 0 auto; background-color: #eff3f5; -webkit-tap-highlight-color: transparent; line-height: 1.6;  }
ul { display: block; margin: 0; padding: 0; list-style: none; }
li { display: block; margin: 0; padding: 0; list-style: none; }
img { border: 0; vertical-align: middle; -ms-interpolation-mode: bicubic; }
dl, dt, dd, span { margin: 0; padding: 0; }
a, a:focus { text-decoration: none; color: #000; outline: none; blr: expression(this.onFocus=this.blur()); cursor: pointer; }
a:hover { text-decoration: none; }
table { border-collapse: collapse; border-spacing: 0; }
cite { font-style: normal; }
h2 { font-weight: normal; }
em { font-style: normal; }
input[type="radio"], input[type="checkbox"] { margin: 4px 0 0; margin-top: 1px \9; line-height: normal; }
input[type="submit"] { border: 0; }
input, select, textarea { -webkit-appearance: none; background-color: white; border-image-source: initial; border-image-slice: initial; border-image-width: initial; border-image-outset: initial; border-image-repeat: initial; -webkit-rtl-ordering: logical; -webkit-user-select: text; cursor: auto; padding: 1px; border-width: 2px; border-style: inset; border-color: initial; border: none; outline: none; }
input, textarea, keygen, select, button { text-rendering: auto; color: initial; letter-spacing: normal; word-spacing: normal; text-transform: none; text-indent: 0px; text-shadow: none; display: inline-block; text-align: start; margin: 0; font: 1.3rem Arial; }
input, textarea, keygen, select, button, meter, progress { -webkit-writing-mode: horizontal-tb; }



.content_box{ width: 1200px; margin: 0 auto; height: auto; }
/* 横向居中布局 */
.flexView_center { display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; }
/* 纵向布局 */
.flexView { display: -webkit-box; display: -webkit-flex; display: flex; }
.flex { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; }
/* 纵向布局 */
.flexView_column { display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: space-between; align-items: stretch; align-content: stretch; }
/* 居中 */
.absoluteView_center { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }

/* 站点导航 */
.yjui-breadcrumb { padding: 10px 0px; }
.yjui-breadcrumb a { color: #999 !important; }
.yjui-breadcrumb a cite { color: #666; font-style: normal; }
.yjui-breadcrumb span { margin: 0 10px; color: #999; }
.yjui-breadcrumb > * { font-size: 14px; }

@keyframes upanimation{
    0%   {transform: translateY(60px);}
    100% {transform: translateY(0);}
}

@-webkit-keyframes opacity {
    0% { -webkit-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; opacity: 0; }
    100% { -webkit-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; opacity: 1; }
}
@-moz-keyframes opacity {
    0% { -webkit-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; opacity: 0; }
    100% { -webkit-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; opacity: 1; }
}
@keyframes opacity {
    0% { -webkit-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; opacity: 0; }
    100% { -webkit-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; opacity: 1; }
}
@-webkit-keyframes left-to-right {
    0% { width: 0; }
    100% { width: 100%; }
}
@-moz-keyframes left-to-right {
    0% { width: 0; }
    100% { width: 100%; }
}
@keyframes left-to-right {
    0% { width: 0; }
    100% { width: 100%; }
}
.fade-in { opacity: 0; animation: fadeIn ease-in 0.5s forwards; }

@keyframes fadeIn {
    from { opacity: 0; }

    to { opacity: 1; }
}

/* 首页幻灯片动画效果结束 */


@font-face { font-family: 'icomoon'; src: url('../fonts/icomoon.eot'); src: url('../fonts/icomoon.eot') format('embedded-opentype'), url('../fonts/icomoon.ttf') format('truetype'), url('../fonts/icomoon.woff') format('woff'), url('../fonts/icomoon.svg') format('svg'); font-weight: normal; font-style: normal; }

[class*=" icon-"], [class^=icon-], [data-icon]:before { font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; font-family: icomoon!important; content: attr(data-icon); speak: none; }


.icon-iconjia:before { content: "\e625"; }
.icon-caidan:before { content: "\e900"; }
.icon-daima:before { content: "\e901"; }
.icon-database:before { content: "\e902"; }
.icon-fangan:before { content: "\e903"; }
.icon-fangan_1:before { content: "\e904"; }
.icon-gongneng:before { content: "\e906"; }
.icon-gongnengdingyi:before { content: "\e907"; }
.icon-hexin:before { content: "\e908"; }
.icon-iconset:before { content: "\e909"; }
.icon-liulan:before { content: "\e90a"; }
.icon-mn_kuangjia:before { content: "\e90b"; }
.icon-QQ:before { content: "\e90c"; }
.icon-querenfangan:before { content: "\e90d"; }
.icon-time:before { content: "\e90e"; }
.icon-tags:before { content: "\e90f"; }
.icon-w_biaoqian:before { content: "\e910"; }
.icon-youxiang:before { content: "\e911"; }
.icon-weixin:before { content: "\ea0b"; }
.icon-dianhua_1:before { content: "\e9f3"; }
.icon-pencil:before { content: "\64"; }
.icon-yiwen:before { content: "\e63d"; }
.icon-dingwei:before { content: "\e640"; }
.icon-emiguanyuwomen:before { content: "\e65f"; }
.icon-xiangxia:before { content: "\e647"; }
.icon-fanhui:before { content: "\e606"; }
.icon-heart3:before { content: "\66"; }
.icon-dagou:before { content: "\e620"; }
.icon-shiti_guanbitouping:before { content: "\e62b"; }
.icon-mdi-check:before { content: "\e905"; }


.tips-mod, .tips-mod strong, .tips-mod em { display: inline-block; _display: inline; _zoom: 1; }
.tips-mod { position: fixed; top: 40%; left: 0; width: 100%; font: 700 14px/52px "Simsun"; text-align: center; z-index: 10000; }
.tips-mod strong { box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4); padding: 0px 12px; border-radius: 5px; background: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#eee)); background: linear-gradient(top bottom, #fff, #eee); background: -moz-linear-gradient(#fff, #eee); background: -o-linear-gradient(#fff, #eee); }
.tips-mod em { padding-left: 45px; background: url(../images/icon_common.png) no-repeat 0 7px; color: #334F67; font-style: normal; }
.tips-mod .tips-warn { background-position: 0 -89px; color: #C0880F; }
.tips-mod .tips-error { /**	background-position:0 -39px;这是错误图标**/ background-position: 0 -89px; color: #C0880F; }
.tips-mod .tips-loading { background: url(../images/loading.gif) no-repeat 10px 21px; color: #334F67; }



   .header-padding { padding-top:104px;}

    .header {  min-height:104px;  position:absolute; top:0 ;left:0; width:100%  }
    .header .page-barbox {  color: #fff; }
    .header .page-barbox .top_bar {height:40px; font-size:1.2rem;  }
    .header .page-barbox .contact { text-align:right}
    .header .page-navbox {  height:64px;   width:100%; }
   
    .header .page-navbox.fixnav { position: fixed; top: 0px; left: 0px; background: #222326; z-index: 200; }
    .header .page-navbox .content_box { position:relative}
    .header .page-navbox .logo img {  height:45px;}
    .header .page-navbox .logo {}
    .header .page-navbox .nav { margin-left:auto; text-align:right; font-size:1.5rem;height:64px; }
    .header .page-navbox .nav .line { position: absolute; transition: left 0.2s; right: 0; bottom: 0; height: 3px; padding: 0; font-size: 0; overflow: hidden; background: #00cc99; }
    .header .page-navbox .nav li {  display:inline-block;  height: 64px;line-height:64px; margin-left:30px; }
    .header .page-navbox .nav li .menu-a{color: #fff; display:block }
 .header .page-navbox .nav li:hover .effectbox { opacity: 1; z-index: 1000;visibility:visible;animation: upanimation .3s; }
    .header .page-navbox .nav li:hover .menu-a {color:#00cc99; }
    .header .page-navbox .nav li.select .menu-a { color:#00cc99;}

   
    .header .page-navbox .nav li .effectbox { color: #1b2226;line-height:1.6; background: #fff; text-align:left; position: absolute; padding:20px; top: 64px; left: 0; width: 100%; box-sizing: border-box; visibility:hidden; opacity: 0;  z-index: -1; transition: opacity .13s ease-in-out,width .13s ease-in-out; }

.header .page-navbox .nav li:hover .effectbox .e_item { position: relative; }
.header .page-navbox .nav li:hover .effectbox .e_item a.menu-v { font-size: 1.8rem; }
.header .page-navbox .nav li:hover .effectbox .e_item a.menu-v span { padding: 0 10px; }
.header .page-navbox .nav li:hover .effectbox .e_item a.menu-v .icon-fanhui2 { transform: rotate(180deg); -webkit-transform: rotate(180deg); display: inline-block }
.header .page-navbox .nav li:hover .effectbox .e_item .e_box { padding-top: 30px; }
.header .page-navbox .nav li:hover .effectbox .e_item:nth-child(2) { padding-left: 30px; margin-right: 30px; }
.header .page-navbox .nav li:hover .effectbox .e_item:nth-child(2)::after { top: 40px; position: absolute; left: 0; display: block; content: ''; width: 0; height: 80%; border-left: 1px solid #eeeeee; }
.header .page-navbox .nav li:hover .effectbox .e_item:nth-child(2)::before { right: 0; top: 40px; position: absolute; display: block; content: ''; width: 0; height: 80%; border-left: 1px solid #eeeeee; }
.header .page-navbox .nav li:hover .effectbox .e_item .e_box .sub { display: inline-block; margin-bottom: 20px; }
.header .page-navbox .nav li:hover .effectbox .e_item .e_box .sub:nth-child(2n) { padding-left: 30px; }
.header .page-navbox .nav li:hover .effectbox .e_item .e_box .sub a { color: #333; display: block; }
.header .page-navbox .nav li:hover .effectbox .e_item .e_box .sub span { font-size: 1.2rem; font-weight: 400; color: rgba(153,153,153,1); }

.header .page-navbox .nav li .effectbox.productbox { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
.header .page-navbox .nav li .effectbox .product { position: relative; height: 137px; padding: 10px 15px; margin-bottom: 10px; background: #fff; flex: 0 0 24%; }
.header .page-navbox .nav li .effectbox .product:nth-child(1) { background-color: #07689f }
.header .page-navbox .nav li .effectbox .product:nth-child(2) { background-color: #00A4FF }
.header .page-navbox .nav li .effectbox .product:nth-child(3) { background-color: #6F55F0 }
.header .page-navbox .nav li .effectbox .product:nth-child(4) { background-color: #6B778C; }
.header .page-navbox .nav li .effectbox .product:nth-child(5) { margin: 0; border: none; background-color: #40a8c4 }
.header .page-navbox .nav li .effectbox .product:nth-child(6) { margin: 0; border: none; background-color: #00B37A }
.header .page-navbox .nav li .effectbox .product:nth-child(7) { margin: 0; border: none; background-color: #b2313b }
.header .page-navbox .nav li .effectbox .product h2 { margin-bottom: 5px; font-size: 1.6rem; font-weight: bold; color: #fff; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.header .page-navbox .nav li .effectbox .product h2 a { color: #fff }
.header .page-navbox .nav li .effectbox .product p { color: #eee; font-size: 1.2rem; line-height: 24px; margin-bottom: 10px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.header .page-navbox .nav li .effectbox .product .operate a { color: #fff; }
.header .page-navbox .nav li .effectbox .product .operate a i { font-size: 3rem; display: inline-block }

/*菜单*/
.open .header .menuicon i { background-color: #000; }
.open .header .menuicon i:first-child { transform: rotate(45deg); }
.open .header .menuicon i:nth-child(2) { opacity: 0; }
.open .header .menuicon i:last-child { transform: rotate(-45deg); }
/*展开*/
.open .header .show { z-index: 150; height: 100%; overflow-y: scroll; }
.open .header .show::-webkit-scrollbar { display: none; }
.open .mask { position: fixed; width: 100%; height: 100%; left: 0; background-color: rgba(0, 0, 0, 0.50); z-index: 998; }
.header .btm { position: fixed; top: 0; left: 0; width: 100%; background-color: #fff; -webkit-transition: all 350ms; transition: all 350ms; height: 0; overflow: hidden; }
.header .btm > ul { border-top: 1px solid #eee; margin: 0px 15px 0; }
.header .btm > ul > li a { border-bottom: 1px solid #eee; position: relative; display: block; width: 100%; padding-left: 30px; line-height: 50px; font-size: 14px; /*-webkit-tap-highlight-color: rgba(0, 126, 196, 0.50);*/ }
.header .btm > ul > li a i { font-size: 16px; font-weight: bold; color: #555; position: absolute; right: 30px; top: 48%; -webkit-transform: translateY(-50%) rotate(-180deg); transform: translateY(-50%) rotate(-180deg); transition: all 0.3s; -webkit-transition: all 0.3s; }
.header .btm > ul > li ul { display: block; height: 0px; overflow: hidden; -webkit-transition: all .3s linear; transition: all .3s linear; }
.header .btm > ul > li ul li { -webkit-transform: translateY(-20px); transform: translateY(-20px); opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; }
.header .btm > ul > li ul li:first-child { transition-delay: .05s; }
.header .btm > ul > li ul li a { display: block; padding-left: 50px; color: #555; height: 50px; line-height: 50px; font-size: 14px; /*-webkit-tap-highlight-color: rgba(0, 126, 196, 0.50);*/ }
.header .btm > ul > li.active a i { -webkit-transform: translateY(-50%) rotate(-90deg); transform: translateY(-50%) rotate(-90deg); }
.header .btm > ul > li.active ul { height: 100%; }
.header .btm > ul > li.active ul li { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; filter: alpha(opacity=100); }
.header .btm > ul > li.active ul li:last-child a { height: 50px; }


    .banner {background: #000033; background: -moz-linear-gradient(top, #000033 0%, #000c18 100%); background: -webkit-linear-gradient(top, #000033 0%, #000c18 100%); background: linear-gradient(to bottom, #000033 0%, #000c18 100%);  }
    .banner .banner-inner {padding:70px 0; }
    .banner .effect { width: 320px; height: 310px; margin-top: 0px; }
    .banner .content {  color:#fff;  padding-right:20%}
    .banner .content h4 { font-size:3.5rem; margin-bottom:20px;}
    .banner .content p { font-size:1.8rem; line-height:4rem;}
    /* 首页幻灯片动画效果 */
    .banner .effect .images-pag { position: relative; width: 100%; height: 100%; }
    .banner .effect .images-pag .img-1,
    .banner .effect .images-pag .img-2,
    .banner .effect .images-pag .img-3,
    .banner .effect .images-pag .img-4,
    .banner .effect .images-pag .img-5,
    .banner .effect .images-pag .img-6,
    .banner .effect .images-pag .img-7,
    .banner .effect .images-pag .img-8,
    .banner .effect .images-pag .img-9,
    .banner .effect .images-pag .img-10 { position: absolute; overflow: hidden; }
    .banner .effect .images-pag .img-1 { z-index: 10; }
    .banner .effect .images-pag .img-2 { z-index: 20; }
    .banner .effect .images-pag .img-3 { z-index: 30; }
    .banner .effect .images-pag .img-4 { z-index: 40; }
    .banner .effect .images-pag .img-5 { z-index: 50; }
    .banner .effect .images-pag .img-6 { z-index: 60; }
    .banner .effect .images-pag .img-7 { z-index: 70; }
    .banner .effect .images-pag .img-8 { z-index: 80; }
    .banner .effect .images-pag .img-9 { z-index: 90; }
    .banner .effect .images-pag .img-10 { z-index: 100; }
    .banner .effect .images-pag .img-1 { top: 0; left: 50%; margin-left: -113px; -webkit-animation: opacity 0.5s linear; -moz-animation: opacity 0.5s linear; animation: opacity 0.5s linear; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
    .banner .effect .images-pag .img-2 { top: 38px; left: 50%; margin-left: -113px; -webkit-animation: opacity 0.5s linear 0.5s; -moz-animation: opacity 0.5s linear 0.5s; animation: opacity 0.5s linear 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
    .banner .effect .images-pag .img-3 { bottom: 44px; left: 50%; margin-left: -160px; -webkit-animation: opacity 0.5s linear 1.5s; -moz-animation: opacity 0.5s linear 1.5s; animation: opacity 0.5s linear 1.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
    .banner .effect .images-pag .img-4 { bottom: 34px; left: 50%; margin-left: -160px; -webkit-animation: opacity 0.5s linear 2s; -moz-animation: opacity 0.5s linear 2s; animation: opacity 0.5s linear 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
    .banner .effect .images-pag .img-5 { z-index: 5; bottom: 0; left: 50%; margin-left: -114px; -webkit-animation: opacity 0.5s linear 2.5s; -moz-animation: opacity 0.5s linear 2.5s; animation: opacity 0.5s linear 2.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
    .banner .effect .images-pag .img-6 { top: 39px; left: 50%; margin-left: -142px; -webkit-animation: opacity 0.5s linear 3s; -moz-animation: opacity 0.5s linear 3s; animation: opacity 0.5s linear 3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
    .banner .effect .images-pag .img-7 { top: 114px; left: 42px; -webkit-animation: opacity 0.5s linear 3.5s; -moz-animation: opacity 0.5s linear 3.5s; animation: opacity 0.5s linear 3.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
    .banner .effect .images-pag .img-8 { top: 114px; left: 42px; width: 0; -webkit-animation: left-to-right 1.5s linear 4s; -moz-animation: left-to-right 1.5s linear 4s; animation: left-to-right 1.5s linear 4s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
    .banner .effect .images-pag .img-9 { top: 94px; right: 38px; -webkit-animation: opacity 0.5s linear 4.5s; -moz-animation: opacity 0.5s linear 4.5s; animation: opacity 0.5s linear 4.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
    .banner .effect .images-pag .img-10 { top: 101px; right: 38px; width: 0; -webkit-animation: left-to-right 1.5s linear 5s; -moz-animation: left-to-right 1.5s linear 5s; animation: left-to-right 1.5s linear 5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
    .banner .effect .images-pag .img-10 img { float: right; }

    .event-panels { width: 100%; color:#fff; margin-top:-46px }

    .event-panels .subbox { position: relative; color: #333; box-shadow: 0 2px 4px rgba(3,27,78,.06); border: 1px solid #E5E8ED; box-sizing: border-box; padding: 20px; border-radius: 2px; background-color: #fff; margin-left: 20px; }
    .event-panels .subbox:first-child { margin-left:0;}
    .event-panels .subbox .tip { margin-left:15px;}
    .event-panels .subbox .tip h3 { position: relative;  font-size: 18px; line-height: 28px;  height: 26px; white-space: nowrap; font-weight: 400; }
    .event-panels .subbox .tip p { font-size: 14px; line-height: 24px; color: #666;  font-weight: 400; }
    .event-panels .subbox .icomoon { font-size:3.2rem;}
    .mainlayout { }

.mainlayout .pushbox .content {   padding-top: 60px; height:590px; }
    .mainlayout .pushbox .content .item { position: relative; }
.mainlayout .pushbox .content .item.large { background-image: url(../images/new-cont.jpg); background-position: center; background-size: 100%; transition: 0.2s; width: 390px; flex: 1; }
    .mainlayout .pushbox .content .item.large:hover { background-size: 110%; }
    .mainlayout .pushbox .content .item.large .large_con { position: absolute; bottom: 0; left: 0; width: 100%; padding: 30px; color: #fff; }
    .mainlayout .pushbox .content .item.large .large_con .s_title { border-left: 1px solid #fff; padding-left: 20px; line-height: 1.4; }
    .mainlayout .pushbox .content .item.large .large_con .s_title h5 { font-size: 2.8rem; font-weight: 700; }
    .mainlayout .pushbox .content .item.large .large_con .s_title p { font-size: 1.6rem; }
    .mainlayout .pushbox .content .item.large .large_con i {  font-size: 3rem; }
.mainlayout .pushbox .content .item.middle { margin:0 10px; min-width:0}
.mainlayout .pushbox .content .item.middle .box:first-child { margin-bottom:10px;}
.mainlayout .pushbox .content .item.middle .box {padding: 30px 30px; background-color: #fff; }
.mainlayout .pushbox .content .item.middle .box h2 { font-size: 18px; color: #333; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-weight: 400; }
.mainlayout .pushbox .content .item.middle .box p { height: 52px; padding-top: 10px; font-size: 14px; color: #999; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.mainlayout .pushbox .content .item.middle .box .date { margin-top: 30px; padding-top: 20px; border-top: 1px solid #eeeeee; line-height: 1.4; }
.mainlayout .pushbox .content .item.middle .box .date b { font-size: 32px; font-weight: 700; color: #999; }
.mainlayout .pushbox .content .item.middle .box .date span { font-size: 14px; display: block; color: #999; }
.mainlayout .pushbox .content .item.middle .box .date i {  font-size:3rem; }

.mainlayout .pushbox .content .item.small .box { padding: 30px; width: 400px; background-color: #fff; }
.mainlayout .pushbox .content .item.small .box:nth-child(2) { margin:10px 0;}
.mainlayout .pushbox .content .item.small .box .date { border-right: 1px solid #eeeeee; width: 70px; }
.mainlayout .pushbox .content .item.small .box .date b { font-size: 32px; font-weight: 700; color: #999; }
.mainlayout .pushbox .content .item.small .box .date b::after { content: " "; display: block; border-bottom: 1px solid #ccc; width: 20px; margin: 10px 0; }
.mainlayout .pushbox .content .item.small .box .date span { font-size: 14px; display: block; color: #999; }
.mainlayout .pushbox .content .item.small .box .s_title { padding-left: 20px; }
.mainlayout .pushbox .content .item.small .box .s_title i { font-size: 3rem; }
.mainlayout .pushbox .content .item.small .box h2 { font-size: 18px; color: #333; font-weight: 400; text-align: left; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.mainlayout .pushbox .content .item.middle .box:hover, .mainlayout .pushbox .content .item.small .box:hover { box-shadow: 0 1px 10px 0 rgba(0, 0, 0, .1); }


.links { padding: 30px 0; }
.links span { display: inline-block; background: #F5F5F5; border: 1px solid #E1E1E1; text-align: center; color: #FF6600; font-size: 15px; padding: 10px 15px; }
.links_box { display: inline-block; font-size: 14px; color: #4D4D4D; width: 91%; vertical-align: top; }
.links_box a { display: inline-block; padding: 10px 10px; color: #4D4D4D; }

/*开发服务*/
.mainlayout .domainbox { padding: 60px 0 0; }
.mainlayout .domainbox .sub-head h2 { font-size: 2.4rem; color: #333; font-weight: 400; text-align: center; margin-bottom: 15px; }
.mainlayout .domainbox .sub-head p { color: #555555; font-size: 1.6rem; font-weight: 400; text-align: center; }
.mainlayout .domainbox .content { padding-top: 60px; }
.mainlayout .domainbox .content .item { display: flex; flex-direction: column;  place-items: center; margin-left:30px;padding:0 20px; }
.mainlayout .domainbox .content .item:first-child { margin-left:0}
.mainlayout .domainbox .content .item img { width: 80px; border-radius:50% }
.mainlayout .domainbox .content .item h2 { font-weight: 700; font-size: 1.6rem; padding: 10px 0; color: #353535; }
.mainlayout .domainbox .content .item p { font-size: 1.4rem; color: #878787; text-align: center }

/*核心产品服务*/
.mainlayout .corebox { padding-top: 60px; background-color: #f2f2f4; }
.mainlayout .corebox .sub-head h2 { font-size: 2.4rem; color: #333; font-weight: 400; text-align: center; margin-bottom: 15px; }
.mainlayout .corebox .sub-head p { color: #555555; font-size: 1.6rem; font-weight: 400; text-align: center; }
.mainlayout .corebox .box:hover { border: 1px solid #cccccc; box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.16); }
.mainlayout .corebox .custom { padding: 60px 0; min-height: 508px; display: grid; grid-template-columns: repeat(3, 1fr); margin: 0; grid-gap: 15px; }
.mainlayout .corebox .custom .box {  background: #fff; border: 1px solid #e6e6e6;  }
.mainlayout .corebox .custom .box h2 { margin-bottom: 5px; font-size: 1.8rem; font-weight: bold; color: #fff; }
.mainlayout .corebox .custom .box .base p { color: #eee; font-size: 1.2rem; line-height: 24px; margin-bottom: 20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.mainlayout .corebox .custom .box .operate a { display: inline-block; width: 96px; height: 30px; line-height: 30px; color: #fff; font-size: 12px; text-align: center; border: 1px solid #e6e6e6; }
.mainlayout .corebox .custom .box .operate a:first-child { margin-right: 15px; }
.mainlayout .corebox .custom .box .base { height: 180px;  position: relative }
.mainlayout .corebox .custom .box .base::before { content: ' '; pointer-events: none; background-image: url(../images/indexflashbg.png); position: absolute; top: 0; left: 0; height: 100%; width: 100%; opacity: 0.5; }
.mainlayout .corebox .custom .box .other { padding: 25px; }
.mainlayout .corebox .custom .box .other .stips { font-size: 1.4rem; font-weight: 700 }
.mainlayout .corebox .custom .box .base .context { position: absolute; padding: 25px; top: 0; left: 0; width: 100%; height: 100%; z-index: 10 }

.mainlayout .corebox .custom .box .fun { }
.mainlayout .corebox .custom .box .fun p { color: #777;  font-size: 1.2rem; line-height: 34px; display:flex; align-items:center;  }
.mainlayout .corebox .custom .box .fun p:before { font-size:18px; margin-right:5px}
/*产品与服务，暂时没用到*/
.mainlayout .serverbox { padding-top: 60px; background-color: #f2f2f4; }
    .mainlayout .serverbox h2 { font-size: 2.4rem; color: #333; font-weight: 400; text-align: center;  margin-bottom:15px;}
    .mainlayout .serverbox p { color: #555555; font-size: 1.6rem; font-weight: 400; text-align: center; }
    .mainlayout .serverbox .tab { padding-top:60px;}
    .mainlayout .serverbox .tab .option { padding:25px 0; width:280px; text-align:center; position:relative; cursor:pointer}
    .mainlayout .serverbox .tab .option i { font-size:3rem; vertical-align:middle}
    .mainlayout .serverbox .tab .option span { font-size:1.6rem; padding-left:25px; color:#555555; vertical-align:middle}
    .mainlayout .serverbox .tab .option.select:before { content:' ';  position:absolute; width:100%; height:3px;  bottom:0; left:0; background-color:#1183FF}
    .mainlayout .serverlist { padding-bottom: 60px; background-color: #f2f2f4; }
    .mainlayout .serverlist .column { }
    .mainlayout .serverlist .column .row { margin-left:15px;}
    .mainlayout .serverlist .column .row:first-child { margin-left:0;}
    .mainlayout .serverlist .column .row h2 { font-size:1.8rem; color:#333333; padding:30px 0; font-weight:700 }
    .mainlayout .serverlist .column .row .box {  height: 125px; background: #fff; border: 1px solid #e6e6e6; padding: 25px; margin-bottom:15px; }
    .mainlayout .serverlist .column .row .box .content { padding-bottom:25px; }
    .mainlayout .serverlist .column .row .box .content i { font-size:1.8rem}
    .mainlayout .serverlist .column .row .box .content h3 { font-size: 16px; color: #333; font-weight: 400; padding-left: 15px; }
    .mainlayout .serverlist .column .row .box .content span { font-size: 1.2rem; height: 18px; line-height: 18px; padding: 0 4px; color: #1183FF; border: 1px solid #1183FF; }
    .mainlayout .serverlist .column .row .box .operate a { display: inline-block; width: 96px; height: 30px; line-height: 30px; color: #777; font-size: 12px; text-align: center; border: 1px solid #e6e6e6; }
    .mainlayout .serverlist .column .row .box .operate a:first-child { margin-right:15px;}
    .mainlayout .serverlist .box:hover { border: 1px solid #cccccc; box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.16); }
    .mainlayout .serverlist .custom { padding-top:88px; min-height:508px; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: flex-start; align-items: flex-start; -webkit-align-content: flex-start; align-content: flex-start; }
    .mainlayout .serverlist .custom .box { width: 32.5%; height: 172px; margin-bottom: 15px; background: #fff; border: 1px solid #e6e6e6; padding: 25px; }
    .mainlayout .serverlist .custom .box h2 { margin-bottom: 5px; font-size: 1.8rem; font-weight: bold; color: #333; }
    .mainlayout .serverlist .custom .box p { color: #777; font-size: 1.2rem; line-height: 24px; margin-bottom: 20px; }
    .mainlayout .serverlist .custom .box .operate a { display: inline-block; width: 96px; height: 30px; line-height: 30px; color: #777; font-size: 12px; text-align: center; border: 1px solid #e6e6e6; }
    .mainlayout .serverlist .custom .box .operate a:first-child { margin-right: 15px; }

/*我们电商平台特色*/
    .mainlayout .advantagebox {background-color: #373D41; padding-top:60px;padding-bottom: 60px;}
    .mainlayout .advantagebox .tab-header h2 { font-size: 2.4rem; color: #fff; font-weight: 400; text-align: center;  margin-bottom:15px;}
    .mainlayout .advantagebox .tab-header p { color: #9B9D9E; font-size: 1.6rem; font-weight: 400; text-align: center; }
    .mainlayout .advantagebox .tab-header .tab { padding-top:60px; padding-bottom:40px;}
    .mainlayout .advantagebox .tab-header .tab .option { padding:25px 0; width:280px; text-align:center; position:relative; cursor:pointer}
    .mainlayout .advantagebox .tab-header .tab .option i { font-size:3rem; vertical-align:middle; color:#9B9D9E}
    .mainlayout .advantagebox .tab-header .tab .option span { font-size:1.6rem; padding-left:25px; color:#9B9D9E; vertical-align:middle}
    .mainlayout .advantagebox .tab-header .tab .option.select:before { content:' ';  position:absolute; width:100%; height:3px;  bottom:0; left:0; background-color:#1183FF}
    .mainlayout .advantagebox .tab-box { background-color:#fff; }
    .mainlayout .advantagebox .tab-box .tab-item .img img{ width:100% }
    .mainlayout .advantagebox .tab-box .tab-item .describe { padding:20px 30px;}
    .mainlayout .advantagebox .tab-box .tab-item .describe h2 { font-size: 1.8rem;  font-weight: bold; color: #333333; }
    .mainlayout .advantagebox .tab-box .tab-item .describe p { font-size: 1.5rem;  font-weight: 400; color: #555555; line-height: 22px; margin: 20px 0 40px 0; }
    .mainlayout .advantagebox .tab-box .tab-item .describe h4 { font-size: 1.8rem; font-weight: bold; color: #333333; }
    .mainlayout .advantagebox .tab-box .tab-item .describe .list { padding-top:20px; }
    .mainlayout .advantagebox .tab-box .tab-item .describe .list span { min-width: 100px; height: 32px; line-height: 32px; font-size: 1.2rem; color: #999; text-align: center; padding: 0 12px; border: 1px solid #e5e5e5; cursor: pointer; margin: 0 18px 18px 0; display: inline-block; }
    .mainlayout .advantagebox .tab-box .tab-item .describe .operate { }
    .mainlayout .advantagebox .tab-box .tab-item .describe .operate a { display: inline-block; width: 120px; padding:10px 0; color: #00cc99; font-size: 1.3rem; text-align: center; border: 1px solid #00cc99; }
    .mainlayout .advantagebox .tab-box .tab-item .describe .operate a:first-child { margin-right: 15px;color: #fff;  border: 1px solid #1183ff; background-color:#1183ff}


    .mainlayout .schoolbox { padding:60px 0;}
    .mainlayout .schoolbox .sub-head h2 { font-size: 2.4rem; color: #333; font-weight: 400; text-align: center; margin-bottom: 15px; }
    .mainlayout .schoolbox .sub-head p { color: #555555; font-size: 1.6rem; font-weight: 400; text-align: center; }
    .mainlayout .schoolbox .content { padding-top:60px;}
.mainlayout .schoolbox .content .item { min-width: 0; }
.mainlayout .schoolbox .content .item .pack { background-color: #fff; padding: 10px; }
    .mainlayout .schoolbox .content .item .title { font-size: 2.4rem; color: #333;  padding-bottom:20px;}
    .mainlayout .schoolbox .content .item:nth-child(2) { margin:0 20px;}
    .mainlayout .schoolbox .content .item .pack .top {    height:380px;   border-bottom: 1px solid rgba(230, 230, 230, 0.5);}
.mainlayout .schoolbox .content .item .pack .top .imgbox { position: relative; max-height: 200px; overflow: hidden; background-clip: padding-box; }
.mainlayout .schoolbox .content .item .pack .top .imgbox img { width: 100%; object-position: 50% 50%; object-fit: cover; height: 200px; margin-left: 50%; transform: translateX(-50%); max-width: none; width: auto; min-width: 100%; }
    .mainlayout .schoolbox .content .item .pack .top .imgbox p { position: absolute; width: 100%; height: 100%; top: 100%; left: 0; background-color: rgba(0, 0, 0, 0.3);transition:all 0.3s; color: #e6e6e6; display: -webkit-box; -webkit-box-pack: center; -webkit-box-align: center; display: box; box-pack: center; box-align: center; font-size: 1.4rem; padding: 20px; }
    .mainlayout .schoolbox .content .item .pack .top .imgbox:hover p { top:0}    
    .mainlayout .schoolbox .content .item .pack .top .tag{ padding-top:10px}
    .mainlayout .schoolbox .content .item .pack .top .info { color:#888;font-size:1.4rem; text-align:right; padding-bottom:5px;}
    .mainlayout .schoolbox .content .item .pack .top .info span:nth-child(2) { padding:0 10px; }
    .mainlayout .schoolbox .content .item .pack .top .info span i { padding-right:5px;}
    .mainlayout .schoolbox .content .item .pack .top .tag a { color: #49C886; font-size: 1.4rem; padding-right:10px; }
.mainlayout .schoolbox .content .item .pack .top h2 { font-size: 1.6rem; padding-top: 5px; color: #333; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
    .mainlayout .schoolbox .content .item .pack .list { padding-top:10px; }
    .mainlayout .schoolbox .content .item .pack .list a{ color: #999; padding-top:15px;}
    .mainlayout .schoolbox .content .item .pack .list a:first-child { padding-top:0;}
    .mainlayout .schoolbox .content .item .pack .list a h2 {font-size:1.4rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .mainlayout .schoolbox .content .item .pack .list a span { font-size:1.3rem; padding-left:10px; }
    .mainlayout .schoolbox .content .item .pack .more {  text-align:center; padding-top:20px}
    .mainlayout .schoolbox .content .item .pack .more a { min-width: 100px; height: 32px; line-height: 32px; font-size: 1.2rem; color: #999; padding: 0 12px; border: 1px solid #e5e5e5; display: inline-block; }
    .mainlayout .schoolbox .content .item .pack .more a i { vertical-align:text-top; padding-right:5px;}

    .mainlayout .solutionbox { background-color: #373D41; padding-top: 60px; padding-bottom: 60px; }
    .mainlayout .solutionbox .sub-head h2 { font-size: 2.4rem; color: #fff; font-weight: 400; text-align: center; margin-bottom: 15px; }
    .mainlayout .solutionbox .sub-head p { color: #9B9D9E; font-size: 1.6rem; font-weight: 400; text-align: center; }
    .mainlayout .solutionbox .content { padding-top: 60px; }
    .mainlayout .solutionbox .content .item { background-color: #fff; position: relative; }
    .mainlayout .solutionbox .content .item:first-child .info { border-left: none; }
    .mainlayout .solutionbox .content .info { position: relative; z-index: 9; height: 382px; margin: 25px 0; text-align: center; border-left: 1px dashed #d6d6d6; -webkit-transition: border-color .3s ease; transition: border-color .3s ease; overflow: hidden; }
    .mainlayout .solutionbox .content .item.active + .item .info, .mainlayout .solutionbox .content .item.active .info { border-left-color: transparent; }
    .mainlayout .solutionbox .content .item::after { content: ""; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; border-radius: 5px; background: #f5f8f9; -webkit-transition: background .3s ease, box-shadow .3s ease, -webkit-transform .3s ease; transition: background .3s ease, box-shadow .3s ease, -webkit-transform .3s ease; transition: background .3s ease, transform .3s ease, box-shadow .3s ease; transition: background .3s ease, transform .3s ease, box-shadow .3s ease, -webkit-transform .3s ease; }
    .mainlayout .solutionbox .content .item.active::after { z-index: 1; background: #fff; -webkit-transform: scale(1.08); transform: scale(1.08); box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .13); }
    .mainlayout .solutionbox .content .item h2 { color: #4a4a4a; font-size: 2.4rem; padding: 50px 20px 0; -webkit-transition: color .3s ease, -webkit-transform .3s ease; transition: color .3s ease, -webkit-transform .3s ease; transition: color .3s ease, transform .3s ease; transition: color .3s ease, transform .3s ease, -webkit-transform .3s ease; }
    .mainlayout .solutionbox .content .item.active h2 { color: #1ccfc9; -webkit-transform: translate3d(0, -37px, 0); transform: translate3d(0, -37px, 0); }
    .mainlayout .solutionbox .content .item p { color: #7d7e7e; color: rgba(0, 0, 0, .5); font-size: 1.5rem; padding: 20px 30px; -webkit-transition: -webkit-transform .3s ease .05s; transition: -webkit-transform .3s ease .05s; transition: transform .3s ease .05s; transition: transform .3s ease .05s, -webkit-transform .3s ease .05s; }
    .mainlayout .solutionbox .content .item.active p { -webkit-transform: translate3d(0, -45px, 0); transform: translate3d(0, -45px, 0); }
    .mainlayout .solutionbox .content .item ul { width: 100%; padding: 0 50px; text-align: left; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition: -webkit-transform .3s ease .1s; transition: -webkit-transform .3s ease .1s; transition: transform .3s ease .1s; transition: transform .3s ease .1s, -webkit-transform .3s ease .1s; }
    .mainlayout .solutionbox .content .item.active ul { -webkit-transform: translate3d(0, -60px, 0); transform: translate3d(0, -60px, 0); }
    .mainlayout .solutionbox .content .item ul li { color: #999; font-size: 14px; margin-top: 18px; }
    .mainlayout .solutionbox .content .item ul li i { padding-right: 5px; }
    .mainlayout .solutionbox .content .item .operate { position: absolute; top: 100%; left: 0; width: 100%; text-align: center; visibility: hidden; opacity: 0; -webkit-transition: visibility .5s ease, opacity .5s ease, -webkit-transform .3s ease .15s; transition: visibility .5s ease, opacity .5s ease, -webkit-transform .3s ease .15s; transition: visibility .5s ease, opacity .5s ease, transform .3s ease .15s; transition: visibility .5s ease, opacity .5s ease, transform .3s ease .15s, -webkit-transform .3s ease .15s; }
    .mainlayout .solutionbox .content .item.active .operate { visibility: visible; opacity: 1; -webkit-transform: translate3d(0, -40px, 0); transform: translate3d(0, -40px, 0); }
    .mainlayout .solutionbox .content .item .operate span { display: inline-block; padding: 5px 18px; cursor: inherit; color: #666; font-size: 14px; border: 1px solid #d9d9d9; background: transparent; -webkit-transition: color .3s ease, border-color .3s ease, background .3s ease; transition: color .3s ease, border-color .3s ease, background .3s ease; }
    .mainlayout .solutionbox .content .item.active .operate span { color: #fff; border-color: #1ccfc9; background: #1ccfc9; box-shadow: 0 0 9px rgba(0, 0, 0, .06); }

    .mainlayout .casebox { padding:60px 0;}
    .mainlayout .casebox .sub-head h2 { font-size: 2.4rem; color: #333; font-weight: 400; text-align: center; margin-bottom: 15px; }
    .mainlayout .casebox .sub-head p { color: #555555; font-size: 1.6rem; font-weight: 400; text-align: center; }
    .mainlayout .casebox .content{ padding-top: 60px;}
    .mainlayout .casebox .content .wrapper { display: grid; grid-template-columns: repeat(4, 1fr); grid-auto-rows: minmax(270px, auto); }
    .mainlayout .casebox .content .wrapper div:nth-child(1) { background-image:url(../images/homepage-news-img.jpg); background-position:center; background-size:100%; transition: 0.2s;grid-row-start: 1; grid-row-end: 3; width:390px;}
    .mainlayout .casebox .content .wrapper div:nth-child(2) { background-color:#1ccfc9}
    .mainlayout .casebox .content .wrapper div:nth-child(3) { background-image:url(../images/homepage-news-card-bg.jpg); background-position:center; background-size:100%; }
    .mainlayout .casebox .content .wrapper div:nth-child(4) { background-color:#fff}
    .mainlayout .casebox .content .wrapper div:nth-child(5) { background-color: #fff; grid-column-start: 2; grid-column-end: 4; }
    .mainlayout .casebox .content .wrapper div:nth-child(6) { background-color:#1ccfc9}
    .mainlayout .casebox .content .wrapper div:nth-child(1):hover { background-size: 110%; }
    .mainlayout .casebox .content .wrapper div { position: relative; padding: 0 40px; display: -webkit-box; -webkit-box-pack: center; -webkit-box-align: center; /* W3C */ display: box; box-pack: center; box-align: center; }
    .mainlayout .casebox .content .wrapper div h2 { max-height: 56px; margin-bottom: 20px; font-size: 20px; line-height: 28px; color: #fff; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; transition: transform 0.2s; }
    .mainlayout .casebox .content .wrapper div p { max-height: 60px; font-size: 14px; line-height: 20px; color: rgba(255, 255, 255, 0.7); display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; transition: transform 0.2s; }
    .mainlayout .casebox .content .wrapper div span { position: absolute; bottom: 30px; opacity: 0; transition: opacity 0.2s; color: rgba(255, 255, 255, 0.7);font-size:1.4rem; }
.mainlayout .casebox .content .wrapper div span i { font-size: 2rem; vertical-align: middle; }
    .mainlayout .casebox .content .wrapper div:hover h2,
    .mainlayout .casebox .content .wrapper div:hover p{transform: translate(0, -26px);}
    .mainlayout .casebox .content .wrapper div:hover span{opacity: 1;}
.mainlayout .casebox .content .wrapper div:nth-child(4) h2, .mainlayout .casebox .content .wrapper div:nth-child(5) h2 { color: #252b3a; }
.mainlayout .casebox .content .wrapper div:nth-child(4) p, .mainlayout .casebox .content .wrapper div:nth-child(5) p { color: #666a75; }
.mainlayout .casebox .content .wrapper div:nth-child(4) span, .mainlayout .casebox .content .wrapper div:nth-child(5) span { color: #666a75; }

    .footer{ background-color:#32333b; padding-top:64px;    color: #999;}
.footer a { color: #999; transition: color 0.3s linear; }
.footer a:hover { color: #fff }
    .footer .base .contact{  width:30%}
    .footer .base .contact .logo {  padding-bottom:20px;}
    .footer .base .contact p { line-height:2; font-size:1.4rem}
    .footer .base .nav .sub_box { padding-left:10%;}
    .footer .base .nav .sub_box dt{ font-size:1.6rem; padding-bottom:10px;margin-bottom:20px;    border-bottom: 1px solid #474C50; }
.footer .base .nav .sub_box dd { font-size: 1.4rem; line-height: 2.5; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
    .footer .tagbox { border-bottom: 1px solid #666; border-top: 1px solid #666; padding:20px 0; margin-top:30px;}
    .footer .copyright { text-align:center; padding:10px 0}
.empty_layout { width: 100%; height: 76px; }
.tab_bar { position: fixed; bottom: 0; left: 0; width: 100%; height: 76px; background-color: #fff; display: flex; justify-items: center; align-items: center;padding:0 10px; z-index:100 }
.tab_bar .item { display: flex; flex-direction: column; place-content: center; place-items: center;  width:100px; }
.tab_bar .item i { font-size: 2.8rem; color: rgba(0, 179, 122, 1); }
.tab_bar .item span { font-size: 12px; padding-top: 3px; color: #999; }
.tab_bar .need { display: flex; align-items: center; justify-content: center;  color:#fff; background-color: rgba(0, 179, 122, 1); flex:1;  height: 42px; background-image: linear-gradient(136deg, #01C3A5 0%, #00AF77 100%); border-radius: 50px; }
.tab_bar .need i { font-size: 1.8rem; }
.tab_bar .need span { font-size: 14px; padding-left:5px; line-height:1 }
.md-modal { position: fixed; top: 50%; left: 50%; width: 70%; z-index: -1;  transform: translate(-50%,-50%) scale(1.2); opacity: 0; }
.md-modal.md-show { animation-name: weixipopshow; animation-duration: 0.3s; animation-fill-mode: both; }
.md-modal .md-content { background-color: #fff; position: relative; border-radius: 10px; margin: 0 auto; padding: 50px 0 20px; }
.md-modal .qrcode { display:flex;flex-direction:column;}
.md-modal .qrcode .title { text-align: center; margin-bottom: 8px; font-weight: 600; font-size: 18px; color: #252D37; }
.md-modal .qrcode .desc { font-size: 14px; color: #909399; text-align: center; line-height: 22px; margin-bottom: 15px; }
.md-modal .qrcode .content { width: 163px; height: 163px; margin:0 auto 30px;  }
.md-modal .qrcode .content .qrcode_img { width: 100%; height: 100%; }
.md-modal .qrcode .remark { font-size: 14px; color: #909399; text-align: center; line-height: 22px; margin-top: 8px; }
.md-modal .close-modal { display: flex; place-content: center; place-items: center; width: 36px; height: 36px; background-color: #fff;border-radius:100%; position: absolute; bottom: -72px; left: 50%; z-index: 9999996; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }
.md-modal .close-modal i { font-size:2.6rem; color:#555}
.md-overlay { position: fixed; width: 100%; height: 100%; visibility: hidden; z-index: -1; top: 0; left: 0; opacity: 0; background: rgba(1,1,1,.6); transition: all .3s; }
.md-show ~ .md-overlay { opacity: 1; visibility: visible; z-index: 9999995; }
@keyframes weixipopshow {
    0% { transform: translate(-50%,-50%) scale(1.2); opacity: 0; z-index: -1; }
    to { transform: translate(-50%,-50%) scale(1); opacity: 1; z-index: 9999999; }
}
/*电商学院*/
.yjui-tab { padding: 0 20px; background-color: #fff; }
.yjui-tab-title { position: relative; left: 0; border-bottom: 1px #f6f6f6 solid; height: 50px; white-space: nowrap; font-size: 0; transition: all .2s;  }
    .yjui-tab-title li { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; font-size: 16px; transition: all .2s; -webkit-transition: all .2s; position: relative; line-height: 50px; min-width: 65px; padding: 0 15px; text-align: center; cursor: pointer; }
    .yjui-tab-brief > .yjui-tab-title .yjui-this { color: #009688; }
    .yjui-tab-brief > .yjui-tab-more li.yjui-this:after, .yjui-tab-brief > .yjui-tab-title .yjui-this:after { border: none; border-radius: 0; border-bottom: 2px solid #5FB878; }
    .yjui-tab-title .yjui-this:after { position: absolute; left: 0; top: 0; content: ''; width: 100%; height: 50px; border-width: 1px; border-style: solid; border-bottom-color: #fff; border-radius: 2px 2px 0 0; box-sizing: border-box; pointer-events: none; }

    .institute { margin: 25px 0; }
    .institute .left { margin-right: 25px; }
    .institute .left .yjui-tab { padding: 0px 20px 20px; }
    .institute .left .sub { border-bottom: 1px #eee solid; padding: 30px 0 0px; }
    .institute .left .sub:last-child { border-bottom: none; }
    .institute .left .sub .sub_mian .img { width: 220px; margin-right: 25px; }
    .institute .left .sub .sub_mian .img img { width: 100%; }
    .institute .left .sub .sub_mian .text h2 { font-size: 1.8rem; color: #333; font-weight: 400; }
    .institute .left .sub .sub_mian .text p { height: 52px; padding-top: 10px; font-size: 14px; color: #999; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; }
    .institute .left .sub .operate { color: #888; font-size: 1.4rem; padding-top: 10px; }
    .institute .left .sub .operate span i { padding-right: 5px;vertical-align:middle }
    .institute .left .sub .operate span { padding-right: 20px; }
.institute .left .sub .operate .nav { transform: rotate(180deg); -webkit-transform: rotate(180deg); font-size: 2.2rem; }
.institute .left .sub .operate .other { display:flex;align-items:center}

.institute .right { width: 330px; }
    .institute .right .field { position: relative; background-color: #fff; text-align: center; height: 340px; padding-bottom: 20px; }
    .institute .right .field .imgbox { height: 45%; overflow: hidden; }
    .institute .right .field .imgbox img { width: 100%; }
    .institute .right .field .slogo { width: 90px; background-color: #fff; height: 90px; border-radius: 50%; position: absolute; top: 45%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); border: 4px #fff solid; overflow: hidden; padding: 5px; }
    .institute .right .field .slogo img { width: 100%; }
    .institute .right .field h2 { padding-top: 60px; color: #444; font-size: 1.5rem; font-weight: 600; }
    .institute .right .field .like { padding-bottom: 15px; font-size: 1.5rem; color: #f46; }
    .institute .right .field .like i { color: #f46; margin-right: 5px; }
    .institute .right .field .goodat { color: #888; font-size: 1.4rem; }
    .institute .right .box { background-color: #fff; margin-top: 20px; padding: 0 0px 20px; }
    .institute .right .box .s_title { width: 100%; border-bottom: 1px solid #e5e5e5; height: 40px; position: relative; padding: 0 10px; }
    .institute .right .box .s_title h4 { font-size: 1.6rem; font-weight: normal; color: #333; }
    .institute .right .box .s_title .operate { }
.institute .right .box .s_title .operate span { position: relative; display: inline-block; height: 40px; line-height: 40px; cursor: pointer }
    .institute .right .box .s_title .operate span:first-child { margin-right: 10px; }
.institute .right .box .s_title .operate span.active:before { position: absolute; content: ''; width: 100%; height: 2px; background-color: #1183ff; position: absolute; bottom: 0; left: 0; }



    .institute .right .box .tag { padding: 10px; }
    .institute .right .box .tag a { border-radius: 5px; display: inline-block; margin: 10px 10px 0 0; padding: 3px 10px; border: 1px solid #d2d2d2; color: #707070; font-size: 12px; }
    .institute .right .box .hot { }
    .institute .right .box .hot a { position: relative; display: block; font-size: 1.4rem; height: 40px; line-height: 40px; color: #666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0 10px 0 20px; }
    .institute .right .box .hot a::after { content: ''; position: absolute; top: 50%; left: 10px; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); width: 4px; height: 4px; background-color: #cccccc; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; vertical-align: middle; margin-right: 5px; }

    .institute .right .box .reading { }
    .institute .right .box .reading a { display: table; table-layout: fixed; width: 100%; padding: 10px; }
.institute .right .box .reading .thumbnail { display: table-cell; vertical-align: top; margin-right: 20px; width: 100px; position: relative; max-height: 76px; overflow: hidden; background-clip: padding-box; }
.institute .right .box .reading .thumbnail img { object-position: 50% 50%; object-fit: cover; height: 76px; margin-left: 50%; transform: translateX(-50%); max-width: none; width: auto; min-width: 100%; }
.institute .right .box .reading .side { display: table-cell; vertical-align: top; padding-left: 10px; }
    .institute .right .box .reading .side h2 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; max-height: 44px; font-weight: 500; }
    .institute .right .box .reading .side p { margin-top: 4px; font-size: 14px; line-height: 20px; color: #999; font-weight: 400; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

    .institute .right .box .top { }
    .institute .right .box .top a { position: relative; padding: 10px 0 10px 10px; color: #333; }
    .institute .right .box .top i { min-width: 24px; text-align: center; font-size: 1.8rem; color: #EE7F31; line-height: 20px; font-style: normal; }
    .institute .right .box .top .side { padding-left: 10px; padding-right: 10px; }
    .institute .right .box .top .side h2 { font-size: 14px; line-height: 20px; font-weight: 400; display: block; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; max-height: 40px; }
    .institute .right .box .top .side p { margin-top: 5px; line-height: 14px; font-size: 12px; color: #999; }



    .section-focus-pic { position: relative; height: 340px; overflow: hidden; margin-bottom: 20px; }
    .section-focus-pic .banner_item .slidesjs-container li { height: 340px; overflow: hidden; }
    .section-focus-pic .banner_item li h3 { position: absolute; bottom: 0%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); font-weight: normal; color: #FFF; font-size: 18px; text-align: left; line-height: 50px; padding-left: 20px; height: 50px; width: 80%; border-radius: 10px; background-color: rgba(0, 0, 0, 0.50); }
    .section-focus-pic .banner_item li img { width: 100%; }
    .section-focus-pic .slidesjs-pagination { position: absolute; bottom: 43px; right: 13%; z-index: 999; }
    .section-focus-pic .slidesjs-pagination-item { width: 12px; height: 12px; display: block; overflow: hidden; text-indent: 20px; float: left; margin: 0 0 0 5px; }
    .section-focus-pic .slidesjs-pagination-item a { cursor: pointer; display: block; background: url(../images/bannericon.png) no-repeat -80px -8px; }
    .section-focus-pic .slidesjs-pagination-item a.active { background-position: -101px -8px; }
    .section-focus-pic .slidesjs-navigation { display: block; position: absolute; top: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); z-index: 999; text-indent: 9999em; cursor: pointer; width: 40px; height: 40px; background: url(../images/bannericon.png) no-repeat; }
    .section-focus-pic .slidesjs-previous { left: 5%; }
    .section-focus-pic .slidesjs-previous { background-position: 0px -56px; }
    .section-focus-pic .slidesjs-previous:hover { background-position: 0px -6px; }
    .section-focus-pic .slidesjs-next { right: 0%; }
    .section-focus-pic .slidesjs-next { background-position: -28px -56px; }
    .section-focus-pic .slidesjs-next:hover { background-position: -28px -6px; }





.article { margin-top: 20px; }
.article .left { overflow-x: hidden; }
.article .left .content { background-color: #fff; border: 1px solid #eee; margin-right: 20px; padding: 25px 20px 0; }
.article .left .content .s_title { font-size: 24px; color: #333; line-height: 30px; }
.article .left .content .entry { color: #999; padding-top: 15px; }
.article .left .content .entry .span { padding-right: 10px; font-size: 1.4rem; }
.article .left .content .entry .span i { padding-right: 5px; }
.article .left .content .entry .span a { color:#999}
.article .left .content .summary { background-color: #f6f6f6; color: #999; font-size: 14px; padding: 10px 16px; border: 1px solid #eee; margin-top: 30px; }
.article .left .content .container { padding: 20px 0; font-size: 16px; color: #666; }
.article .left .content .container img { max-width: 100%; padding-bottom: 20px; }
.article .left .content .container { margin-bottom: 10px;  }
.article .left .content .container.w-e-text blockquote { display: block; border-left: 8px solid #d0e5f2; padding: 5px 10px; margin: 10px 0; line-height: 1.4; font-size: 100%; background-color: #f1f1f1; }
.w-e-text p, .w-e-text h1, .w-e-text h2, .w-e-text h3, .w-e-text h4, .w-e-text h5, .w-e-text table, .w-e-text pre { margin: 10px 0; line-height: 1.5; }
.w-e-text pre code { word-break: normal; display: block; overflow-x: auto; }
.w-e-text code { display: inline-block; background-color: #f1f1f1; border-radius: 3px; padding: 3px 5px; margin: 0 3px; }


.article .left .content .other { padding-bottom: 30px; }
.article .left .content .other .statement { text-align: center; background-color: #f6f6f6; color: #999; font-size: 14px; padding: 10px 16px; margin: 30px 0; }
.article .left .content .other .usetag { margin-bottom: 0px; }
.article .left .content .other .usetag a { display: inline-block; font-size: 1.2rem; color: #999; border: 1px solid #f6f6f6; background-color: #f6f6f6; padding: 4px 10px; border-radius: 5px; margin-right: 15px; }
.article .left .content .other .article-tail { }
.article .left .content .other .article-tail a { display: block; color: #333; font-size: 1.5rem; margin-bottom: 20px; }

.article .right { width: 330px; }
.article .right .base { background-color: #fff; position: relative; margin-bottom: 20px; height: 54px; }
.article .right .base:before { content: ""; width: 0; height: 0; border: 10px solid transparent; border-right-color: #fff; position: absolute; z-index: 1000; top: 50%; left: -10px; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }
.article .right .base .picking { text-align: center; line-height: 1.4 }
.article .right .base .picking:first-child { border-right: 1px solid #eee; }
.article .right .base .picking span { display: block; }
.article .right .base .picking span:nth-child(1) { color: #34495e; font-size: 1.6rem; }
.article .right .base .picking span:nth-child(2) { color: #acbbc6; font-size: 1.4rem; }
.article .right .field { position: relative; background-color: #fff; text-align: center; height: 340px; padding-bottom: 20px; }
.article .right .field .imgbox { height: 45%; overflow: hidden; }
.article .right .field .imgbox img { width: 100%; }
.article .right .field .slogo { width: 90px; background-color: #fff; height: 90px; border-radius: 50%; position: absolute; top: 45%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); border: 4px #fff solid; overflow: hidden; padding: 5px; }
.article .right .field .slogo img { width: 100%; }
.article .right .field h2 { padding-top: 60px; color: #444; font-size: 1.5rem; font-weight: 600; }
.article .right .field .like { padding-bottom: 15px; font-size: 1.5rem; color: #f46; }
.article .right .field .like i { color: #f46; margin-right: 5px; }
.article .right .field .goodat { color: #888; font-size: 1.4rem; }

.article .right .box { background-color: #fff; margin-top: 20px; padding: 0 0px 20px; }
.article .right .box .s_title { width: 100%; border-bottom: 1px solid #e5e5e5; height: 40px; position: relative; padding: 0 10px; }
.article .right .box .s_title h4 { font-size: 1.6rem; font-weight: normal; color: #333; }
.article .right .box .s_title .operate { }
.article .right .box .s_title .operate span { position: relative; display: inline-block; height: 40px; line-height: 40px; cursor:pointer }
.article .right .box .s_title .operate span:first-child { margin-right: 10px; }
.article .right .box .s_title .operate span.active:before { position: absolute; content: ''; width: 100%; height: 2px; background-color: #1183ff; position: absolute; bottom: 0; left: 0; }

.article .right .box .tag { padding: 10px; }
.article .right .box .tag a { border-radius: 5px; display: inline-block; margin: 10px 10px 0 0; padding: 3px 10px; border: 1px solid #d2d2d2; color: #707070; font-size: 12px; }
.article .right .box .hot { }
.article .right .box .hot a { position: relative; display: block; font-size: 1.4rem; height: 40px; line-height: 40px; color: #666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0 10px 0 20px; }
.article .right .box .hot a::after { content: ''; position: absolute; top: 50%; left: 10px; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); width: 4px; height: 4px; background-color: #cccccc; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; vertical-align: middle; margin-right: 5px; }

.article .right .box .reading { }
.article .right .box .reading a { display: table; table-layout: fixed; width: 100%; padding: 10px; }
.article .right .box .reading .thumbnail { display: table-cell; vertical-align: top; margin-right: 20px; width: 100px; position: relative; max-height: 76px; overflow: hidden; background-clip: padding-box; }
.article .right .box .reading .thumbnail img { object-position: 50% 50%; object-fit: cover; height: 76px; margin-left: 50%; transform: translateX(-50%); max-width: none; width: auto; min-width: 100%; }
.article .right .box .reading .side { display: table-cell; vertical-align: top; padding-left: 10px; }
.article .right .box .reading .side h2 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; max-height: 44px; font-weight: 500; }
.article .right .box .reading .side p { margin-top: 4px; font-size: 14px; line-height: 20px; color: #999; font-weight: 400; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.article .right .box .top { }
.article .right .box .top a { position: relative; padding: 10px 0 10px 10px; color: #333; }
.article .right .box .top i { min-width: 24px; text-align: center; font-size: 1.8rem; color: #EE7F31; line-height: 20px; font-style: normal; }
.article .right .box .top .side { padding-left: 10px; padding-right: 10px; }
.article .right .box .top .side h2 { font-size: 14px; line-height: 20px; font-weight: 400; display: block; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; max-height: 40px; }
.article .right .box .top .side p { margin-top: 5px; line-height: 14px; font-size: 12px; color: #999; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }

.extended .listbox { background-color: #fff; padding: 0 20px; margin: 20px 0; }
.extended .listbox:nth-child(2) { margin:20px; }
.extended .listbox .s_title { padding: 15px 0; border-bottom: 1px solid #e5e5e5; color: #000; }
.extended .listbox .s_title h4 { font-size: 1.8rem; font-weight: normal; }
.extended .listbox .s_title i:nth-child(2) { font-size: 3rem; }
.extended .listbox .s_title i:nth-child(1) { font-size: 2.6rem; padding-right: 10px; color: #00cc99 }
.extended .listbox .list-item { }
.extended .listbox .list-item a { display: block; padding: 15px 0; border-bottom: 1px solid #e5e5e5; color: #000; }

.extended .listbox .list-item a:last-child { border-bottom: none }
.extended .listbox .list-item a h2 { line-height: 24px;  overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.extended .listbox .list-item a .operate { font-size: 14px; color: #999; margin-top: 10px; }
.extended .listbox .list-item a .operate span { padding-right: 10px; }
.extended .listbox .list-item a .operate i { padding-right: 5px; }


/*分页*/
.page-box span { flex: 1 }
.pagination { display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 4px }
.pagination > li { display: inline }
.pagination > li > a, .pagination > li > span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.428571429; text-decoration: none; background-color: #fff; border: 1px solid #ddd }
.pagination > li:first-child > a, .pagination > li:first-child > span { margin-left: 0; border-bottom-left-radius: 4px; border-top-left-radius: 4px }
.pagination > li:last-child > a, .pagination > li:last-child > span { border-top-right-radius: 4px; border-bottom-right-radius: 4px }
.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover { background-color: #eee }
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover { z-index: 2; color: #fff; cursor: default; background-color: #428bca; border-color: #428bca }
.pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > span { color: #999; cursor: not-allowed; background-color: #fff; border-color: #ddd }
.pagination-lg > li > a, .pagination-lg > li > span { padding: 10px 16px; font-size: 18px }
.pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span { border-bottom-left-radius: 6px; border-top-left-radius: 6px }
.pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span { border-top-right-radius: 6px; border-bottom-right-radius: 6px }
.pagination-sm > li > a, .pagination-sm > li > span { padding: 5px 10px; font-size: 12px }
.pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span { border-bottom-left-radius: 3px; border-top-left-radius: 3px }
.pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span { border-top-right-radius: 3px; border-bottom-right-radius: 3px }
.pager { padding-left: 0; margin: 20px 0; text-align: center; list-style: none }
.pager:after, .pager:before { display: table; content: " " }
.pager:after { clear: both }
.pager:after, .pager:before { display: table; content: " " }
.pager:after { clear: both }
.pager li { display: inline }
.pager li > a, .pager li > span { display: inline-block; padding: 5px 14px; background-color: #fff; border: 1px solid #ddd; border-radius: 15px }
.pager li > a:focus, .pager li > a:hover { text-decoration: none; background-color: #eee }
.pager .next > a, .pager .next > span { float: right }
.pager .previous > a, .pager .previous > span { float: left }
.pager .disabled > a, .pager .disabled > a:focus, .pager .disabled > a:hover, .pager .disabled > span { color: #999; cursor: not-allowed; background-color: #fff }


@media(any-hover:hover) {
    .solutions .all .content .list .item:hover .box { position: absolute; top: -20px; height: 530px; box-shadow: 0 10px 40px 0 rgba(0,0,0,.1); transition: all .2s linear; }
    .solutions .all .content .list .item:hover .detail { opacity: 1; transition: opacity .2s linear 50ms; }
}

@media screen and (min-width: 1200px) {
    .hidden-xl { display: none !important; opacity: 0; visibility: hidden; }
}

@media (max-width: 1199px) and (min-width: 992px) {
    .hidden-lg { display: none !important; opacity: 0; visibility: hidden; }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-md { display: none !important; opacity: 0; visibility: hidden; }

}

@media (min-width: 576px) and (max-width: 767px) {
    .hidden-sm { display: none !important; opacity: 0; visibility: hidden; }

}

@media screen and (max-width: 575px) {
    ::-webkit-scrollbar { display: none; }
    .hidden-xs { display: none !important; opacity: 0; visibility: hidden; }
    .content_box { width: 100%;  }
    .header .page-navbox .content_box { height: 64px; padding: 0 15px; }

    .header .menuicon { margin-left:auto; align-self: center; position: relative; width: 24px; height: 24px; padding: 3px 0; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: space-between; z-index: 200 }
    .header .menuicon i { width: 100%; height: 2px; background-color: #fff; opacity: 1; transform-origin: 10% 0%; }
    .header .menuicon i:nth-child(1) { transition: .36s ease; }
    .header .menuicon i:nth-child(2) { transition: opacity .2s linear; }
    .header .menuicon i:nth-child(3) { transition: .36s ease; }
    .footer { padding-top: 20px; }
    .footer .content_box { padding:0 15px}
    .footer .content_box .base { flex-direction: column }
    .footer .content_box .base .contact {  width: 100%; }
    .footer .content_box .base  .nav { flex-direction:column}
    .footer .content_box .base .nav .sub_box { padding-left:0; margin-top:15px}
    .footer .content_box .base .nav .sub_box dt { margin-bottom: 0; font-weight:700;}
    .footer .content_box .base .nav .sub_box dt a { color: #fff }
    .footer .tagbox { padding: 10px 0; }

    .index.banner { height: 100vh; }
    .index.banner .banner-inner { padding: 0 15px; flex-direction: column; }
    .index.banner .content { padding: 0 15px; order: 1; }
    .index.banner .content h4 { font-size: 2rem; margin-bottom: 15px; }
    .index.banner .content p { font-size: 1.4rem; line-height: 1.6; }
    .index.banner .effect { margin: 30px auto 30px; }


    .mainlayout .domainbox { padding: 15px 0 0; background-color: #fff;}
    .mainlayout .domainbox .sub-head { padding: 0 15px; }
    .mainlayout .domainbox .sub-head h2 { font-size: 2.0rem; text-align: center; margin-bottom: 0; }
    .mainlayout .domainbox .sub-head p { font-size: 1.4rem }
    .mainlayout .domainbox .content { padding-top: 15px; display: grid; grid-template-columns: repeat(2, 1fr); margin: 0; grid-gap: 0px; }
    .mainlayout .domainbox .content .item { margin-left: 0px; padding: 20px;  }
    .mainlayout .domainbox .content .item:nth-child(1) { border-right: 1px solid #eee; border-bottom: 1px solid #eee; }
    .mainlayout .domainbox .content .item:nth-child(2) { border-bottom: 1px solid #eee; }
    .mainlayout .domainbox .content .item:nth-child(3) { border-right: 1px solid #eee; }

    .mainlayout .corebox { padding-top: 15px; }
    .mainlayout .corebox .sub-head { padding: 0 15px; }
    .mainlayout .corebox .sub-head h2 { font-size: 2.0rem; text-align: center; margin-bottom: 0; }
    .mainlayout .corebox .sub-head p { font-size: 1.4rem }
    .mainlayout .corebox .custom { padding:  15px; min-height: 508px; display: grid; grid-template-columns: repeat(1, 1fr); margin: 0; grid-gap: 15px; }

    .mainlayout .pushbox .content { padding-top: 30px;  height: auto; flex-direction:column}
    .mainlayout .pushbox .content .item.large { width: unset; margin: 10px; }
    .mainlayout .pushbox .content .item.large .large_con { position: unset; padding: 20px; }
    .mainlayout .pushbox .content .item.large .large_con .s_title h5 { font-size:2.4rem;}
    .mainlayout .pushbox .content .item { margin: 10px 10px 0; }
    .mainlayout .pushbox .content .item.small .box { width: unset }



    .mainlayout .advantagebox { padding: 15px 0 0; }
    .mainlayout .advantagebox .tab-header { padding: 0 15px; }
    .mainlayout .advantagebox .tab-header h2 { font-size: 2.0rem; text-align: center; margin-bottom: 0; }
    .mainlayout .advantagebox .tab-header p { font-size: 1.4rem }

    .mainlayout .advantagebox .tab-header .tab { padding-top: 30px; padding-bottom: 10px; }
    .mainlayout .advantagebox .tab-header .tab .option { width: unset; padding: 15px 0; }
    .mainlayout .advantagebox .tab-header .tab .option i { font-size: 2rem; }
    .mainlayout .advantagebox .tab-header .tab .option span { font-size: 1.4rem; padding-left:0 }
    .mainlayout .advantagebox .tab-header .tab .option:nth-child(2) { margin: 0 15px; }
    .mainlayout .advantagebox .tab-box .tab-item { flex-direction:column}
    .mainlayout .advantagebox .tab-box .tab-item .describe { padding: 20px 15px; }

    .mainlayout .casebox { padding: 15px 0; }
    .mainlayout .casebox .sub-head h2 { font-size: 2.0rem; text-align: center; margin-bottom: 0; }
    .mainlayout .casebox .sub-head p { font-size:1.4rem}
    .mainlayout .casebox .content { padding-top: 30px; }
    .mainlayout .casebox .content .wrapper { grid-template-columns: repeat(1, 1fr); grid-auto-rows: minmax(270px, auto); }
    .mainlayout .casebox .content .wrapper div:nth-child(1) { grid-row-start: 1; grid-row-end: 1; width: unset; }
    .mainlayout .casebox .content .wrapper div:nth-child(4) { order:1}
    .mainlayout .casebox .content .wrapper div:nth-child(5) { background-color: #fff; grid-column-start: 1; grid-column-end: 1; }
    .mainlayout .casebox .content .wrapper div h2,
    .mainlayout .casebox .content .wrapper div p { transform: translate(0, -26px); }
    .mainlayout .casebox .content .wrapper div span { opacity: 1; }


    .mainlayout .solutionbox { padding: 15px 0; }
    .mainlayout .solutionbox .sub-head { padding:0 15px; }
    .mainlayout .solutionbox .sub-head h2 { font-size: 2.0rem; text-align: center; margin-bottom: 0; }
    .mainlayout .solutionbox .sub-head p { font-size: 1.4rem }
    .mainlayout .solutionbox .content { flex-direction: column; padding: 15px 15px 0; overflow:hidden }
    .mainlayout .solutionbox .content .newsSwiper { overflow:hidden}
    .mainlayout .solutionbox .content .item.active::after { transform: scale(1); }
    .mainlayout .solutionbox .content .news-swiper-pagination { padding-top: 20px; display: flex; justify-content: center; align-items: center; }



    .mainlayout .schoolbox { padding: 15px 0; }
    .mainlayout .schoolbox .sub-head { padding: 0 15px; }
    .mainlayout .schoolbox .sub-head h2 { font-size: 2.0rem; text-align: center; margin-bottom: 0; }
    .mainlayout .schoolbox .sub-head p { font-size: 1.4rem }
    .mainlayout .schoolbox .content { padding: 15px 15px; flex-direction: column }
    .mainlayout .schoolbox .content .item { }
    .mainlayout .schoolbox .content .item .title { font-size: 1.6rem; color: #333; padding-bottom: 10px; }
    .mainlayout .schoolbox .content .item:nth-child(2) { margin:15px 0 }
    .mainlayout .schoolbox .content .item .pack .top { height:auto}
    .mainlayout .schoolbox .content .item .pack .top .info { padding-top: 20px; font-size: 1.2rem; }
    .mainlayout .schoolbox .content .item .pack .top .tag a { font-size: 1.2rem; padding-right: 5px; }
    .mainlayout .schoolbox .content .item .pack .top .info span:nth-child(2) { padding: 0 5px; }

    .mainlayout .linksbox .links { padding: 15px 15px; display: flex; place-items: center; flex-direction: column; }
    .mainlayout .linksbox .links span { font-size: 12px; padding: 8px 8px; line-height: 1; flex-shrink: 0; }
    .mainlayout .linksbox .links_box { width: auto; line-height: 1; }
    .mainlayout .linksbox .links_box a { padding: 8px 5px; }
    .yjui-breadcrumb { padding: 10px 15px; }



    .article { margin-top: 0 }
    .article .content_box { flex-direction:column}
    .article .left .content { margin-right:0}
    .article .left .content .s_title { font-size:1.8rem; line-height:1.4;}
    .article .left .content .other .article-tail a { font-size:1.4rem;}
    .article .right { width:unset}

    .extended .content_box { flex-direction: column }
    .extended .listbox { margin-top:15px}
    .extended .listbox:nth-child(2) { margin: 0; }

    .extended .listbox .s_title h4 { font-size:1.6rem;}
    .extended .listbox .s_title i:nth-child(1) { font-size:2.0rem;}

    .product.layout .replace .directions { padding: 20px 0; }
    .product.layout .replace .content_box { padding: 15px 10px; flex-direction: column; }
    .product.layout .replace:nth-child(odd) .directions { border-bottom: 1px solid #e5e5e5; border-right: none; padding-right: 0px; }
    .product.layout .replace .directions .s_title h4 i { font-size: 3.0rem; }
    .product.layout .replace .directions .s_title h4 { font-size: 2.0rem; }
    .product.layout .replace .scenes { width: unset; padding-left: 0; }
    .product.layout .replace:nth-child(even) .scenes { border-top: 1px solid #e5e5e5; order: 2; border-right: none }
    .product.layout .replace:nth-child(even) .directions { order: 0; padding-left: 0; }


    .about.layout .youjia { padding: 40px 0; }
    .about.layout .youjia h5 { font-size: 2.0rem; }
    .about.layout .youjia .content { padding: 20px 10px 0; }
    .about.layout .banner .content_box h5 { font-size: 2rem; }
    .about.layout .banner .content_box p { font-size: 1.6rem; }
    .about.layout .us h5 { font-size: 2.0rem;  }
    .about.layout .us { padding: 40px 0; background-repeat:repeat-y }
    .about.layout .us .content { grid-gap: 30px; grid-template-columns: repeat(2, 1fr); padding: 20px 10px 0; }
    .about.layout .us p { padding:0 10px}
    .about.layout .us .content .item figure { width: unset; height: unset }

    .about.layout .client .content_box h5 { font-size: 2.0rem; }
    .about.layout .client .content { grid-template-columns: repeat(3, 1fr); }
    .about.layout .client .content_box { padding: 40px 0; }

    .about.layout .contact h5 { font-size: 2.0rem;  }
    .about.layout .contact { padding:40px 10px 0; }
    .about.layout .contact .content { flex-direction: column }
    .about.layout .contact .message-form { width: 100% }
    .about.layout .contact .contact-us { padding-left: 0px; margin-top:20px }


    .institute { margin: 0px 0; }
    .institute .content_box { flex-direction:column}
    .institute .left { margin-right: 0px; }
    .institute .left .yjui-tab { padding: 0px 10px 20px; }
    .institute .left .section-focus-pic { height: unset }
    .institute .right { width: unset; }
    .institute .left .yjui-tab-title {overflow:hidden; overflow-x:auto }
    .institute .left .sub .sub_mian { flex-direction:column}
    .institute .left .sub .sub_mian .img { width:unset; margin-right:0; }
    .institute .left .sub .operate { flex-direction: column;  align-items: start }
    .institute .left .sub .operate .other { width:100%}
    .institute .left .sub .operate .other .nav { margin-left:auto}
    .institute .left .sub .sub_mian .text h2 {  padding-top: 10px;  }

    .banner.cases_banner { height:unset; }
    .cases.layout .tab-bar { overflow: hidden; overflow-x: auto; white-space: nowrap; }
    .cases.layout .tab-bar a { line-height: 46px; }
    .cases.layout .tab-content { grid-template-columns: repeat(1, 1fr); }
    .cases.layout .tab-content .item .s_content:before { top:20px; }
    .cases.layout .tab-content .item { padding: 0 10px }
    .cases.layout .tab-content .item .s_logo { width: 42px; height: 42px; border-radius: 5px; overflow: hidden; }
    .cases.layout .tab-content .item .s_content .s_head p { margin-bottom: 0px; }
    .cases.layout .tab-content .item .s_content .operate { flex-direction: column; align-items: start }
    .cases.layout .tab-content .item .s_content .operate .other { width: 100% }
    .cases.layout .tab-content .item .s_content .operate .other .nav { margin-left: auto }
    .cases.layout .tab-content .item .s_content { padding: 10px 15px; }

    .banner.service_banner { height: 100vh; background-repeat: unset; background-size: unset; }
    .banner.service_banner .grid_layout { grid-gap: 1px; grid-template-columns: repeat(2, 1fr); }
    .banner.service_banner .content_box { padding: 0 10px; }
    .banner.service_banner .item img { margin-bottom: 25px; }
    .service.layout .business { padding: 30px 10px; }
    .service.layout .business .content { margin-top: 30px; }
    .service.layout .business .sub-head h2 { font-size:2.0rem}
    .service.layout .corebox .tab-group { white-space: nowrap; overflow: hidden; overflow-x: auto; }
    .service.layout .corebox .tab-content .item { flex-direction:column}
    .service.layout .corebox .tab-content .item .img { width: 100%; height: unset }
    .service.layout .corebox .tab-content .description { padding: 15px 15px 0; }
    .service.layout .corebox .tab-content .description .labellist span { margin: 0 10px 10px 0; }
    .service.layout .corebox .tab-content { padding-top: 10px;  border-top:none;  }

    .service.layout .excellence { padding: 30px 10px; }
    .service.layout .excellence .sub-head h2 { font-size: 2.0rem }
    .service.layout .corebox { padding: 30px 0; }
    .service.layout .corebox h4 { font-size: 26px; margin-bottom: 20px; }
    .service.layout .excellence .content { margin-top: 30px; flex-direction:column }
    .service.layout .excellence .content .item { margin:0 0 20px 0}
    .service.layout .excellence .content .item p { padding: 0 10%; }

    .banner.solutions_banner { height: unset; }
    .solutions.layout .hot { padding: 30px 0; }
    .solutions.layout .hot .sub-head h2 { font-size: 2.0rem }
    .solutions.layout .hot .content { margin-top: 30px; padding: 0 10px; }
    .solutions.layout .hot .content .list_t { flex-direction: column }
    .solutions.layout .hot .content .list_t .item { width: 100%; margin-left: 0px; }
    .solutions.layout .hot .content .list_t .item:nth-child(2) { width: 100% }
    .solutions.layout .hot .content .list_t .item:nth-child(3) { width: 100% }

    .solutions.layout .hot .content .list_b { flex-direction: column }
    .solutions.layout .hot .content .list_b .item { width: 100%; margin-right: 0px; }
    .solutions.layout .hot .content .list_b .item:nth-child(1) { width: 100% }
    .solutions.layout .hot .content .list_b .item:nth-child(2) { width: 100% }

    .solutions.layout .all { padding: 0; }
    .solutions.layout .all .content { margin-top: 30px; }
    .solutions.layout .all .content .list .item { width: 100%; height: unset; margin: 0 0px 40px 0; }
    .solutions.layout .all .content .list .item .box { height: unset;  position: unset; }
    .solutions.layout .all .content .list .item .detail { opacity: 1; margin-top: 30px; }


}