.max-width{ max-width:1920px; margin-left:auto; margin-right:auto; position:right; }

/**/
.floaticon {z-index: 99;position: fixed;_position: absolute;right:15px; bottom: 50%; margin-bottom:-250px; }
.floaticon .floaticonLogo{ width:100px;}
.floaticon .floaticonLogo a{ display: block; background: #fff; height: 100px; color:#5c5c5c; text-align: center; padding-top: 25px;}
.floaticon .floaticonLogo a span{ font-size: 40px; height: 40px; line-height: 20px; color:#e50012;}
.floaticon .floaticonLogo a:first-child{ border-top-left-radius: 8px; border-top-right-radius: 8px; }
.floaticon .floaticonLogo a.backToTop{ background: #e50012; color:#fff; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; padding-top: 25px;}
.floaticon .floaticonLogo a.backToTop span{ color:#fff;}
.weixinCode,.qqCode{ display: none; position: absolute;z-index: 9999; left: -317px; top: 45px; width: 300px; height: 262px;text-align: center;}
/* .weixinCode{ bottom:25px; }
.qqCode{ top:100px;} */
/* .floaticonLogo {opacity: .6;cursor: pointer;}
.backToTop, .olservice, .weixinLogo {width: 50px;height: 50px; margin-bottom: 8px;}
.backToTop { background-image: url(../images/backtotop.png);}
.olservice { background-image: url(../images/olservice.png);}
.weixinLogo {    background-image: url(../images/weixin.png);}
.weixinCode { display: none; position: absolute;z-index: 9999; left: -217px; bottom: -88px; width: 202px; height: 262px;text-align: center;} */



.layui-layer-hui.layui-layer-msg{ background:rgba(229,0,18,0.5)!important;}


.header{ height: .8rem; background:#fff; }
.header .logo{ height: 100%;}
.header .logo img{ height: 40px;}
.header .menu a{ font-size: 0.16rem;}
.header .menu .uk-navbar-nav > li{ position: relative; margin-left: 10px;}
.header .menu .uk-navbar-nav > li > a{ color:#454545; }
.header [class*=uk-navbar-dropdown-bottom]{ margin-top:0;}
.header .uk-navbar-dropdown{ width:94px; padding: 10px 0; box-shadow:none; background: rgba(0,0,0,.6);}
.header .uk-navbar-nav > li:nth-child(3) .uk-navbar-dropdown{ width:150px; left: -28px!important;}
.header .uk-navbar-dropdown a{ text-align: center; color:#b5b5b5; font-size: 0.14rem;}
.header .uk-navbar-dropdown a:hover{ color:#fff; background: rgba(0,0,0,.6);}
.header .menu .uk-navbar-nav > li::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -50%;
    width: 100%;
    height: 0.02rem;
    background: #e50012;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    transform: scaleX(0);
    -o-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -webkit-transform: scaleX(0);
}
.header .menu .uk-navbar-nav > li.active::after,
.header .menu .uk-navbar-nav > li:hover::after {
    transform: scaleX(1);
    -o-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -webkit-transform: scaleX(1); }
.header .menu .uk-navbar-nav > li.active>a,.header .menu .uk-navbar-nav > li>a:hover { color: #e50012; }

#wrapper{    position: relative;}
.ma-infinitypush-wrapper{ background: rgba(0,0,0,.8); }
.ma-infinitypush-wrapper.ma-infinitypush-active-button.ma-infinitypush-button-left .ma-infinitypush-button{ right:-0.6rem; width: 0.6rem; height: 0.6rem; top:0; }
.ma-infinitypush-wrapper .ma-infinitypush-button{ box-shadow: none; background: url(../images/ico_nav.png) center no-repeat; background-size: 70%;  }

.ma-infinitypush-wrapper .ma-infinitypush>ul, .ma-infinitypush-wrapper .ma-infinitypush>ol{ border-color:#000; padding-top:20px; background: none; padding-bottom: 10px;}
.ma-infinitypush-wrapper .ma-infinitypush ul li a, .ma-infinitypush-wrapper .ma-infinitypush ol li a{ font-size: 15px; color:#fff; padding-top:0; line-height: 40px;}
.ma-infinitypush-wrapper .ma-infinitypush ul li ul, .ma-infinitypush-wrapper .ma-infinitypush ul li ol, .ma-infinitypush-wrapper .ma-infinitypush ol li ul, .ma-infinitypush-wrapper .ma-infinitypush ol li ol{background: #000; padding:20px 0;}





.banner .uk-dotnav>*>*{ width:18px; height: 18px; background: url(../images/bg_num.png); border:0;}
.banner .uk-dotnav>.uk-active>* {background: url(../images/bg_num_cur.png); border-color: transparent;}

.itit::before{ position: absolute; bottom:-8px; left: 50%; margin-left: -50px; content: ''; display: block; width: 100px; height: 3px; background: #e50012;  }

.ipart1{ padding:0.9rem 0;}
.ipart1 .info{ line-height: 1.8; margin-top:0.2rem;}
.ipart1 .isrv{ margin-top:0.7rem; background: url(../images/bg_spit.png) right top no-repeat;}
.ipart1 .isrv .uk-pannel{ background: url(../images/bg_spit.png) left top no-repeat;}
/* .ipart1 .isrv .uk-pannel .tit i{ display: block; line-height: 1; color:#d5d5d5;}
.ipart1 .isrv .uk-pannel .tit:hover i{ color:#e50012;} */
.ipart1 .isrv .uk-pannel .tit i{ position: relative; display: block; width: 110px; height: 100px; margin-left: auto; margin-right: auto; background: url(../images/ico1.png) top center no-repeat;}
.ipart1 .isrv .uk-pannel:nth-child(1) .tit i,.ipart1 .isrv .uk-pannel:nth-child(1) .tit i::before{  background-image: url(../images/ico1.png);}
.ipart1 .isrv .uk-pannel:nth-child(2) .tit i,.ipart1 .isrv .uk-pannel:nth-child(2) .tit i::before{  background-image: url(../images/ico2.png);}
.ipart1 .isrv .uk-pannel:nth-child(3) .tit i,.ipart1 .isrv .uk-pannel:nth-child(3) .tit i::before{  background-image: url(../images/ico3.png);}
.ipart1 .isrv .uk-pannel:nth-child(4) .tit i,.ipart1 .isrv .uk-pannel:nth-child(4) .tit i::before{  background-image: url(../images/ico4.png);}
.ipart1 .isrv .uk-pannel:nth-child(5) .tit i,.ipart1 .isrv .uk-pannel:nth-child(5) .tit i::before{  background-image: url(../images/ico6.png);}
.ipart1 .isrv .uk-pannel:nth-child(6) .tit i,.ipart1 .isrv .uk-pannel:nth-child(6) .tit i::before{  background-image: url(../images/ico5.png);}
.ipart1 .isrv .uk-pannel .tit i::before{ opacity: 0; content:''; display: block; position: absolute; top:0; width: 110px; height: 100px; background: url(../images/ico1.png) bottom center no-repeat; }
.ipart1 .isrv .uk-pannel .tit:hover i{ }
.ipart1 .isrv .uk-pannel .tit:hover i::before{ animation-name: uk-fade-scale-18;  opacity: 1;  animation-duration: .2s; animation-timing-function: ease-out; animation-fill-mode: both;}
.ipart1 .isrv .uk-pannel ul{ margin-top:0.15rem;}
.ipart1 .isrv .uk-pannel ul a{ color:#858585; line-height: 2;}
.ipart1 .isrv .uk-pannel ul a:hover{ color:#e50012;}

.ipart2{ padding:0;}
.ipart2 .uk-subnav{ margin-bottom:0.6rem;}
.ipart2 .uk-subnav a{ display: block; font-size: 0.16rem; color:#454545; position: relative;}
.ipart2 .uk-subnav .uk-active a,.ipart5 .uk-subnav a:hover{ color:#e50012;}
.ipart2 .uk-subnav .uk-active a::after,.ipart5 .uk-subnav a:hover::after{ position: absolute; bottom:-10px; content: ''; display: block; width: 100%; height: 2px; background: #e50012; }
.ipart2 .uk-card{ margin-bottom:30px;}
.ipart2 .uk-overlay{  background: rgba(229,0,18,0.5); }
.ipart2 .uk-card-media-top{ box-shadow: 0 5px 10px rgba(0,0,0,.2);}
.ipart2 .uk-card-body{ padding:10px 0;}
.ipart2 .uk-card-body p{ height: 99px;}
.ipart2 .navlink{ margin-top:0.2rem;}

.ipart3{ padding:1.2rem 0;}
.ipartner{ border-top:1px solid #efefef; border-left: 1px solid #efefef; margin-top:0.47rem; background: #fff;}
.ipartner .uk-pannel{  border-bottom:1px solid #efefef; border-right:1px solid #efefef; }
.ipartner .uk-overlay{ color:#fff; background: #e50012;}

.ipart4 { padding:1.1rem 0 1rem; background-image:url(../images/ibg_count.png);}
.ipart4 .inum-list .f36{ line-height: 1.1;}
.ipart4 .inum-list .uk-pannel{ margin-bottom:0.5rem;}


.ipart5 { padding:1.05rem 0 1.2rem;}
.ipart5 .uk-subnav{ margin-bottom:0.6rem;}
.ipart5 .uk-subnav a{ display: block; font-size: 0.16rem; color:#454545; position: relative;}
.ipart5 .uk-subnav .uk-active a,.ipart5 .uk-subnav a:hover{ color:#e50012;}
.ipart5 .uk-subnav .uk-active a::after,.ipart5 .uk-subnav a:hover::after{ position: absolute; bottom:-10px; content: ''; display: block; width: 100%; height: 2px; background: #e50012; }
/* .ipart5 .uk-first-column{ padding-left:0;} */
.ipart5 .uk-grid-large.uk-child-width-1-2\@s{ margin-left: -60px;}
.ipart5 .uk-grid-large.uk-child-width-1-2\@s>div{ padding-left:60px;}
.ipart5 .renews .date{ background: #e50012; color:#fff; padding: 10px 20px;}
.ipart5 .renews .more{ padding-right: 15px;}
.ipart5 .renews .uk-overlay{ height: 80px; line-height: 80px; padding: 0 150px 0 30px;}
.ipart5 .renews .uk-overlay strong{ display: inline; line-height: 1.2; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.ipart5 .renews .slidenav{position: absolute; bottom:0; right:0; height: 80px; width: 120px;}
.ipart5 .renews .slidenav a{ display: block; width:60px; height: 80px; line-height: 80px; padding: 0; text-align: center; line-height: 80px;}
.ipart5 .inews ul{  background: url(../images/bg_dashed.png) top repeat-x;  }
.ipart5 .inews li{ background: url(../images/bg_dashed.png) bottom repeat-x; padding:22px 10px ; }
.ipart5 .date{ color:#bfbfbf; text-align: center;}
.ipart5 .date span{ display: block; line-height: 51px;}
.ipart5 .inews .more{ color:#9e9e9e;}
.ipart5 .inews li:hover *{ color:#e50012;}
.ipart5 .navlink{ margin-top:0.7rem;}
.navlink a{ padding: 0 50px; position: relative; border-color:#bcbcbc; color:#b2b2b2;}
.navlink a::before,.navlink a::after{ content: ''; display: block; background: #bcbcbc; width: 30px; height: 1px; position: absolute; top:20px;}
.navlink a::before{ left: -15px;}
.navlink a::after{ right:-16px;}
.navlink a:hover{ color:#e50012; border-color:#e50012;}
.navlink a:hover::before,.navlink a:hover::after{ background-color:#e50012;}

.seonews{ margin-left:-80px; }
.seonews>div{ padding-left:80px; }
.seonews>div>ul{     background: url(../images/bg_dashed.png) top repeat-x; }
.seonews>div>ul>li{ padding:20px 0 20px 90px;  background: url(../images/bg_dashed.png) bottom repeat-x; }
.seonews>div>ul>li .f18{ margin-bottom:5px; }

.ipart6{ background-image:url(../images/ibg_company.png); padding: 1rem 0 1.2rem; }
.ipart6 .f70{ line-height: 1.2; }
.ipart6 .iorg{ margin-top:40px;}
.iorg{ position: relative; padding-top: 70px; }
.iorg::before{ position: absolute; left: 50%; top:0; margin-left: -80px; content:''; display: block; width: 160px; height: 1px; background: #fff;}
.iorg i.iconfont{ font-size: 12px; position: absolute; left: 0; top:4px;}
.iorg li{ position: relative; padding-left: 18px; margin-bottom: 5px; font-size: 15px;}
.iorg .uk-pannel{ padding:0 20px;}

.ifoot{ padding:.8rem 0 0.3rem; background: #2b2b2b;}
.ifoot::before,.ifoot::after{ content: ''; display: block; position: absolute; z-index: 1; }
.ifoot::before{ width: 6.52rem; height: 3.45rem; top:0; left: 0; background: url(../images/bg_fot1.png); }
.ifoot::after{ width: 4.56rem; height: 3.79rem; bottom: 0; right:0; background: url(../images/bg_fot2.png);  }
.ifoot>*{ position: relative; z-index: 2;}
.ifoot .links a{ height: 50px; line-height: 48px; width:200px;}
.ifoot .flinks{ margin-top:1rem;}
.ifoot .flinks span,.ifoot .flinks a{ display: inline-block; margin-bottom:5px;font-size: 14px; }
.ifoot .flinks a{ color:#7d7d7d; display: inline-block; margin-right:10px;}
.ifoot .flinks a:hover{ color:#fff;}

.footer{ background: #2b2b2b; border-top:1px solid #222; padding:10px 0; color:#7d7d7d;}
.footer a{ color:#7d7d7d;}
.footer a:hover{ color:#fff;}
.footer .mediaico .iconfont{ display: inline-block; width:26px; height: 26px; border:1px solid #7d7d7d; text-align: center; margin-right: 10px; }
.footer .mediaico a:nth-child(2){ margin-right: 40px;}



/*内页导航*/
.inban{  height: 350px; margin-bottom: 50px; }
.inban h1{ background: rgba(0,0,0,.5); padding: 5px 50px; position: relative; }
.inban h1::before{ content: ''; position: absolute; left: 0; bottom:-3px; width: 100%; height: 3px; background: #e50012; height: 3px;}


.tBody{ padding-bottom: 1.5rem;}


/*关于我们*/
.company2{ margin-top:50px; margin-bottom: 1rem;}
.company2 .inews ul li{ min-height: 125px; position: relative;}
.company2 .inews ul li .wrap{ position: relative;}
.company2 .inews ul li .wrap a{ display: block;}
.company2 .inews ul li .wrap::before,.company2 .inews ul li .wrap::after{ content:""; display: block; position: absolute; }
.company2 .inews ul li .wrap::before{ top:15px; z-index: 2; background: #e50012; width:10px; height: 10px; border:2px solid #fff; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.company2 .inews ul li .wrap::after{ top:27px; z-index: 1; background: #e50012; width:2px; height: 125px;}
.company2 .inews ul li:nth-child(odd){ padding-left: 50%;}
.company2 .inews ul li:nth-child(odd) .wrap{ padding-left: 120px; padding-top: 3px;}
.company2 .inews ul li:nth-child(odd) .wrap span{ display: inline-block; position: absolute; left: 35px; top:0; line-height: 40px;}
.company2 .inews ul li:nth-child(odd) .wrap::before{ left: -7px; }
.company2 .inews ul li:nth-child(odd) .wrap::after{ left: -1px; }
.company2 .inews ul li:nth-child(even){ padding-right: 50%;}
.company2 .inews ul li:nth-child(even) .wrap{ padding-right: 120px; padding-top: 3px; text-align: right;}
.company2 .inews ul li:nth-child(even) .wrap span{ display: inline-block; position: absolute; right: 35px; top:0; line-height: 40px;}
.company2 .inews ul li:nth-child(even) .wrap::before{ right: -7px; }
.company2 .inews ul li:nth-child(even) .wrap::after{ right: -1px; }
.company2 .inews ul li:last-child .wrap::after{ display: none;}

.company3 { margin-bottom: 60px;}
.company3 .iteam{ margin-top: 30px;}
.company3 .uk-card{ margin-bottom: 30px;}
.company3 .uk-card .uk-transition-toggle{ position: relative; overflow: hidden;}
.company3 .uk-card .uk-transition-toggle img{ width: 100%;}
.company3 .uk-overlay{ background: rgba(229,0,18,.7);}
.company3 .uk-position-top{ padding:20px;}
.company3 .uk-position-top *{ line-height: 1.4!important;}
.company3 .uk-position-bottom{ padding:20px; height: 240px; overflow: auto;}

.company4{padding-bottom:1.3rem; position: relative;}
.company4::before{ content:''; position: absolute; bottom:0; width: 100%; height: 50%; background: #f8f8f8; z-index: 1;}
.company4 .uk-container{ position: relative; z-index: 2;}


/*付款方式*/
.payway{ padding-top:30px; padding-bottom: 160px;}
.payway .uk-card{ height: 420px; margin-bottom: 60px; position: relative; }
.payway .uk-card .paylogo{ height: 60px; margin-bottom: 60px;}
.payway .uk-card .paylogo img{ max-height: 60px;}
.payway .uk-card .f18{ height: 50px;}
.payway .uk-card .desc{ color:#595959;}
.payway .uk-card-top{ position: absolute; width: 100%; height: 100%; z-index: 1; background: #fff; border:1px solid #e9e9e9; border-bottom: 0; transform-style:preserve-3d; transition:transform .3s ease-in-out; }
.payway .uk-card-top::before{ display: block; content:''; width:100%; height: 40px; position: absolute; bottom:-37px; background:url(../images/bg_payfot.png) no-repeat; background-size: 100% 100%;}
.payway .uk-card-body{ padding: 40px 25px; position: relative; z-index: 2;}
.payway .uk-card:hover .uk-card-top{transform:rotateY(-360deg); border-top:3px solid #e50012;}


/*新闻*/
.newsBody{ padding-top:50px; padding-bottom: 125px;}
.newspart{ position: relative; padding-right: 290px; min-height: 500px;}
.newspart .nside{ position: absolute; right: 0; top:0;}
.newspart .nside ul{ position: absolute; width: 100px; top:0;}
.newspart .nside ul:nth-child(1){ right: 107px;}
.newspart .nside ul:nth-child(2){ right: 0px;}
.newspart .nside li{ width: 100px; height: 100px; background: #f4f4f4; margin-bottom: 7px; }
.newspart .nside li a{ display: block; width: 100%; height: 100%; background: #f4f4f4; color:#8d8d8d; text-align: center; padding-top:17px;}
.newspart .nside li a i{ font-size: 40px; display: block; height: 40px; line-height: 20px;color:#cdcdcd;}
.newspart .nside li a.cur,.newspart .nside li a:hover{ background: #e50012; color:#fff;}
.newspart .nside li a.cur i,.newspart .nside li a:hover i{ color:#fff;}

.newslist{ }
.newslist li{ margin-left: 110px; position: relative; }
.newslist li .date{ position: absolute; left: -110px; top:40px; width: 110px; padding-right: 30px; text-align: center; }
.newslist li .date::after{ content:''; display: block; width: 1px; height: 80px; background: #e0e0e0; position: absolute; right: 0; top:20px;}
.newslist li .date .f70{ line-height: 70px;}
.newslist li .con{ display: block; height: 191px; padding:35px 45px 36px 45px; position: relative; background: url(../images/bg_dashed.png) bottom repeat-x; }
.newslist li .pic{ display: block; position: absolute; right:0; top:35px;}
.newslist li .tit{ line-height: 22px; padding: 17px 0;}
.newslist li .desc{ color:#8f8f8f; line-height: 2;}
.newslist li:hover .date{ color:#e50012;}
.newslist li:hover .date::after{ background: #e50012;}

.infos{ padding-bottom: 30px; margin-bottom: 30px; background: url(../images/bg_dashed.png) bottom repeat-x;}

.content{ line-height: 2.2;}

.share{ margin:50px 0;}



/*上下链接*/
.cother{background: url(../images/bg_dashed.png) top left repeat-x;}
.cother ul{background: url(../images/bg_dashed.png) bottom left repeat-x; padding:16px 0;}
.cother ul li{ padding: 0; background-size: auto; }
.cother span{ display: inline-block; border-radius: 50%; width: 14px; height: 14px; line-height: 14px; text-align: center; font-size: 12px; background: #e50012; color:#fff; }
.cother li:first-child a{ padding-left: 20px; background: url(../images/icon_prev.png) left center no-repeat;}
.cother li:last-child a{ padding-right: 20px; background: url(../images/icon_next.png) right center no-repeat;}


/*分页*/
.pages{ margin-top:30px;}
.pages a,.pages .page-num{ display: block; padding:0; height: 40px; line-height: 38px; width: 40px; text-align: center; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; border-right:1px solid #e9e9e9;}
.pages a:first-child{ border-left:1px solid #e9e9e9; border-top-left-radius: 5px; border-bottom-left-radius: 5px; }
.pages a:last-child{  border-top-right-radius: 5px; border-bottom-right-radius: 5px; }
.pages a span{ display: block; height: 100%; line-height: 36px;}
.pages .page-num-current, .pages a:hover{ color:#fff; background: #e50012; border-color:#e50012; }
.pages a:hover span{ color:#fff;}


/*qa*/
.qalist>ul>li{background: url(../images/bg_dashed.png) top repeat-x; margin: 0!important; position: relative;}
.qalist .uk-accordion-title{ padding: 37px 0 37px 65px; position: relative;}
.qalist .uk-accordion-title i{ position: absolute; left: 0; top:32px; color:#fff; background: #939393;  display: block; width: 35px; height: 35px; line-height: 31px; border-radius: 50%; font-size: 26px; font-style: normal; text-align: center; }
.qalist .uk-accordion-content{ padding-left: 65px; margin: 0; padding-bottom: 40px; color:#828282;}
.qalist .uk-accordion-content>*{ line-height: 1.8;}
.qalist li:last-child::after{ content:''; display: block; width: 100%; height: 1px; position: absolute; bottom:0; left: 0; background: url(../images/bg_dashed.png) bottom repeat-x;} 
.qalist .uk-open{ background-image: url(../images/bg_dashed_red.png);}
.qalist .uk-open .uk-accordion-title{ color:#e50012;}
.qalist .uk-open .uk-accordion-title i{ background: #e50012;}
.qalist .uk-open + li{ background-image: url(../images/bg_dashed_red.png); }
.qalist li.uk-open:last-child::after{ background-image: url(../images/bg_dashed_red.png); }

/*联系我们*/

#map{ height: 680px; }
.catinfo { padding-top: 30px; margin-bottom: 80px; }
.catinfo .uk-width-3-5\@s .wrap{ padding-left: 80px;}
.catinfo .f70,.catinfo .f24{ line-height: 1;}
.catinfo .cat { margin-top:20px;}
.catinfo .cat li{ margin-bottom: 5px; }
.catinfo .uk-width-2-5\@s .wrap{ margin-right: 80px;}
.catinfo .uk-width-2-5\@s li{ margin-bottom: 15px; }
.catinfo .uk-width-2-5\@s li a{ display: block; background: #f4f4f4; height: 120px; color:#8d8d8d; text-align: center; padding-top: 20px;}
.catinfo .uk-width-2-5\@s li a i{ display: block; color:#cdcdcd; font-size: 50px; line-height: 50px; }
.catinfo .uk-width-2-5\@s li a:hover{ background: #e5000e; color:#fff;}
.catinfo .uk-width-2-5\@s li a:hover i{ color:#fff;}



.mailform .uk-inline{ width: 100%;}
.mailform .textarea textarea{ padding-right: 40px;}
.mailform .textarea span{ height: 40px;}

.catorg{ margin-bottom:1.6rem;}

.catmsg{ margin-bottom:1.4rem; }
.catmsg .uk-line{ margin-bottom: 50px;}
.catmsg .uk-input,.catmsg .uk-textarea{ border:0; border-bottom:1px solid #d9d9d9; padding: 10px 0; height: 60px; }
.catmsg .uk-textarea{  height: 170px; padding:17px 0 10px;}
.catmsg button{ padding-left:100px; padding-right: 100px;}



/*子导航*/
.subnav{ margin-bottom:0.3rem;}
.subnav .uk-subnav a{ display: block; font-size: 0.16rem; color:#454545; position: relative;}
.subnav .uk-subnav .uk-active a,.subnav .uk-subnav a:hover{ color:#e50012;}
.subnav .uk-subnav .uk-active a::after,.subnav .uk-subnav a:hover::after{ position: absolute; bottom:-10px; content: ''; display: block; width: 100%; height: 2px; background: #e50012; }


/*二级*/
.subnav2{ margin-bottom:0.3rem;}
.subnav2 a{ display: inline-block; padding:0 10px; margin:0 5px; line-height: 30px; margin-bottom:10px; font-size: 15px; }
.subnav2 a:hover, .subnav2 a.active{ background: #e50012; color:#fff; }



/*案例*/
.caselist .uk-card{ margin-bottom:30px;}
.caselist .uk-overlay{ /*border-bottom:3px solid #e50012;*/ background: rgba(229,0,18,0.5); }
.caselist .uk-card-media-top{ box-shadow: 0 5px 10px rgba(0,0,0,.2);}
.caselist .uk-card-body{ padding:10px 0;}
.caselist .uk-card-body p{ height: 99px;}
.caselist a.uk-card:hover strong{ color:#e50012;}


.mcaselist .uk-card{ margin-bottom:30px;}
.mcaselist .uk-card-media-top{ width: 390px; height: 675px; margin-left: auto; margin-right: auto; background: url(../images/bg_mobile.png) no-repeat; padding: 28px 5px 37px;}
.mcaselist .uk-card-media-top iframe{ border-radius: 10px;}
.mcaselist .uk-card-body{ display: block; width: 390px;  margin-left: auto; margin-right: auto; }
.mcaselist .uk-card-media-top:hover{ background-image: url(../images/bg_mobile_cur.png);}
.mcaselist .uk-card-body{ padding:10px 0;}
.mcaselist .uk-card-body p{ height: 99px;}



/*加载更多*/
.loadmore{ position: absolute; bottom:0; width: 100%; height: 278px; background: url(../images/bg_halfopa.png); text-align: center;}
.loadmore a{ display: block; width: 360px; height: 60px; margin-left: auto; margin-right: auto; background: url(../images/btn_more.png);}



.caseBody .casetop .uk-card-media-left { width:220px;}


.casetop{ padding:15px 0 60px;}
.casetop .uk-first-column{ overflow: hidden;}

.caseinfo{ padding:45px; background: #f4f4f4;}
.caseinfo h3{ position: relative; margin-bottom: 13px; position: relative;}
.caseinfo h3::after{ content:''; width:30px; height: 2px; background: #d2d2d2; position: absolute; left: 0; bottom:-5px;}
.caseinfo .uk-position-relative{ padding-bottom: 50px;}
.caseinfo .desc{ height: 110px; overflow: hidden;}
.caseinfo .siteurl{ left: 40px;}
.caseinfo .siteurl a{ border:1px solid #e50012; color:#e50012;}

.caseview{ text-align: center;}
.caseview img{ max-width: 100%;}

.casespace{ height: 150px;}

.srvctn{width:480px;}
.srvctn .uk-pannel{  height: 150px; width: 150px; text-align: center; margin-left:10px; }
.srvctn .uk-pannel:nth-child(-n+3){ margin-bottom:10px;}
.srvctn .uk-pannel:first-child span{ line-height: 1.1;}
.srvctn a{ display: block; width: 100%; height: 100%; background: #f4f4f4; color:#9d9d9d;}
.srvctn a i{ display: block; color:#cdcdcd; line-height: 1.2; }
.srvctn .uk-pannel:nth-child(n+1) a{ padding-top:40px;}



@media (max-width: 959px) {
    .casetop .uk-first-column{ margin-bottom: 10px;}
    .srvctn{ width: 100%}
    .srvctn .uk-pannel{ width: 30%; margin-left: 3.333%;}
}

/*服务首页*/
.srvlist .uk-pannel{ margin-bottom:30px;}
.srvlist .box{ background: #f2f2f2; border:2px solid #f2f2f2; padding:40px 50px; min-height: 240px;}
.srvlist .box:hover{ background: #fff; border-color: #e50012;}
.srvlist .box .f30{ color:#494949; font-weight: bold; margin-bottom: 15px;}
.srvlist .box .uk-width-auto{ width:120px;}
.srvlist .box .uk-width-auto .iconfont{ font-size: 80px; color:#b5b5b5; position: relative; top:-10px;}
.srvlist .box .srvlink a{ display: inline-block; padding-right:40px; line-height: 40px; position: relative;}
.srvlist .box .srvlink a::before{ content:''; display: block; position: absolute; right:20px; top:50%; margin-top:-7px; width:1px; height: 14px;  background: #b5b5b5;  }
.srvlist .box .srvlink a:last-child::before{ display: none;}

/*官网定制*/
.website{}
.website .part1{  padding-top:0.3rem; padding-bottom: 1.4rem; }
.website .chooseus .uk-pannel{ height: 300px;}
.website .chooseus .circle{ width: 300px; height: 300px; border-radius: 50%; text-align: center; }
.website .chooseus .uk-pannel:first-child .circle{ background: #f4f4f4; color:#616161; }
.website .chooseus .choose{ margin-left: 100px;}
.website .chooseus .choose .circle{ border:2px solid #e50012; color:#e50012; }

.website .part3{  padding-top:0.9rem; padding-bottom: 1.4rem; }
.website .part3 .uk-position-relative{ padding-left:50px; padding-right: 50px;}
.website .part3 .uk-slidenav{width: 50px; height: 80px; background-repeat: no-repeat; background-position: center;}
.website .part3 .uk-slidenav.uk-slidenav-previous{ background-image: url(../images/black_arrl.png);}
.website .part3 .uk-slidenav.uk-slidenav-next{ background-image: url(../images/black_arrr.png);}
.website .part3 .uk-slidenav svg{ display:none; }

.website .part4 {padding-bottom: 1.4rem;}
.website .part4 .uk-grid-collapse{ border-top:1px solid #e4e4e4; border-left:1px solid #e4e4e4;}
.website .part4 .uk-grid-collapse>div{ border-bottom:1px solid #e4e4e4; border-right: 1px solid #e4e4e4; padding: 70px 30px; transition: all ease-in-out 0.3s; }
.website .part4 .uk-grid-collapse>div .f24{ padding:20px 0 10px;}
.website .part4 .uk-grid-collapse>div .f16{ padding:10px; line-height: 1.8;}
.website .part4 .uk-grid-collapse>div:hover{ box-shadow:0 0 20px 0px #eee;}

.website .part5 {padding-bottom: 1.3rem;}
.website .part5 .uk-grid{ padding:0 100px;}

.website .part6 .talk a{ padding: 10px 50px;}


/*微商城*/
.wechat .part1{ padding-top:0.3rem; padding-bottom: 1.4rem; }
.wechat .part1 .uk-grid-collapse{ border-top:1px solid #e4e4e4; border-left:1px solid #e4e4e4;}
.wechat .part1 .uk-grid-collapse>div{ border-bottom:1px solid #e4e4e4; border-right: 1px solid #e4e4e4; padding: 70px 30px; transition: all ease-in-out 0.3s; }
.wechat .part1 .uk-grid-collapse>div .f24{ padding:20px 0 10px;}
.wechat .part1 .uk-grid-collapse>div .f16{ padding:10px; line-height: 1.8;}
.wechat .part1 .uk-grid-collapse>div:hover{ box-shadow:0 0 20px 0px #eee;}

.wechat .part2 .talk a{ padding: 15px 50px 10px;}
.wechat .part2 .talk a .f30{ line-height: 1;}