@charset "utf-8";
/* CSS Document */
body{text-align:center; margin:0px; padding:0px; font-size:16px;  text-align: center; }
html,body{height: 100%}
*{box-sizing: border-box;font-family:"\5FAE\8F6F\96C5\9ED1","\5B8B\4F53";}
.layout{ width:1200px; margin:0px auto; background:url(../img/bg2.gif) repeat-x #fff; padding:18px 12px 30px}
a{ font-size:14px; line-height:30px; font-family:"\5FAE\8F6F\96C5\9ED1","\5B8B\4F53"; color:#2d0201; text-decoration:none}
a:hover{ color:#f13908; text-decoration:underline}
img{ border:none; display:block}
ul,li,dd,dl,dt,em,h2,em,i,span{ padding:0px; font-style:normal; list-style:none;}
body, p, input, h1, h2, h3, h4, h5, h6, ul, li, dl, dt, dd, form { margin: 0; padding: 0; list-style: none; vertical-align: middle; font-weight:normal; }
img { border:0; margin: 0; padding: 0;   }
em,i{ font-style:normal}
.clearboth{clear: both}
.l{ float:left}
.r{ float:right}
.block{display:block}
.none{ display:none}
.mt10{ margin-top:10px}
.mr10{ margin-right:10px}
.mb10{ margin-bottom:10px}
.mt5{ margin-top:5px}
.mr5{ margin-right:5px}
.mr7{ margin-right:7px}
.mr30{ margin-right:30px}
.mb5{ margin-bottom:5px}
.greybg{ background: #f8f9fb}
.bgimg{ background: #f0f0f0}
.backstretch{left: 0px; top: 0px; overflow: hidden; margin: 0px; padding: 0px; height: 100%; width:100%; z-index: -999999; position: fixed;}
.backstretch img{position: absolute; margin: 0px; padding: 0px; border: none; width: 100%; z-index: -999999; left: 0px; top: 0px;}
.rounded-1{border-radius:0.5rem; -webkit-border-radius:0.5rem; -moz-border-radius:0.5rem;}
.rounded-2{border-radius:0.75rem; -webkit-border-radius:0.75rem; -moz-border-radius:0.75rem;}
.rounded-3{border-radius:0.75rem; -webkit-border-radius:0.75rem; -moz-border-radius:0.75rem;}
#menubar{ display: none}
.clayout{width: 1260px; margin:0px auto;}
.webtop{ height:126px; position: relative}
.webtop-l,.webtop-r{ position: absolute; z-index: 1; display: inline-block; top: 0px}
.webtop-l{left:0px}
.webtop-r{right:0px}

.banner{height:126px; padding-top:10px;display: flex;display: -webkit-flex;justify-content:space-between;align-items: center; position: relative; z-index: 9}
.banner .banner_logo{display:inline-block; vertical-align: middle}
.banner .banner_logo i{ display: inline-block; vertical-align: middle; padding-right:0.5rem}
.banner .banner_logo b{display: inline-block; vertical-align: middle;font-size:2.06rem; color:#205581;text-shadow:0px 0px 1px #063760; line-height: 1em; letter-spacing: 2px; text-align: center}
.banner .banner_logo em{display:block; letter-spacing:0px; font-size:0.82rem;text-shadow:0px 0px 1px #063760; line-height: 1em; padding-top: 5px; }

.banner_r{ display: inline-block}


.banner_login{display: inline-block; background: url("../images/ii0.png") 10px center no-repeat #3283c7; height:2.25rem; vertical-align: middle}
.banner_login a{ color: #fff!important; cursor: pointer; font-size:1rem; line-height:2.25rem; padding:0px 20px 0px 35px; float: left}
.banner_login a:hover{ text-decoration: none; color: #fff;}
.banner_login:hover{background: url("../images/ii0.png") 10px center no-repeat #3293EB;}

body.oumafont{font-family:"\5FAE\8F6F\96C5\9ED1","\5B8B\4F53"; font-size: 1rem}

.oumafont .carousel-control-next-icon,.oumafont .carousel-control-prev-icon { width: 40px; height: 40px;}
.oumafont .carousel-control-prev-icon{ background: url("../images/large_left.png") 0px 0px no-repeat}
.oumafont .carousel-control-next-icon{ background: url("../images/large_right.png") 0px 0px no-repeat}
.oumafont .carousel-control-prev-icon:hover .carousel-control-prev-icon{ background: url("../images/large_left.png") 0px 40px no-repeat}
.oumafont .carousel-control-next-icon:hover .carousel-control-next-icon{ background: url("../images/large_right.png") 0px 40px no-repeat}
.oumafont .carousel-indicators li{background-color:#296a9c}
.indexmenus{padding-top:2.2rem}

.mobile-hidden{display:block}
.mobile-visite{display:none}

.indexmenus {padding-top: 10px;}
.indexloginmk{box-shadow: 0 0 10px 0 rgba(44, 53, 60, .15);margin:5px auto 15px;border-top:3px solid #205581; height:127px; background: url("../images/bg1.png") left top no-repeat rgba(255,255,255,0.7); display: flex; display: -webkit-flex; align-items: center; justify-content:flex-start;}
.indexloginmk > b{display: block;width: 32.81%; font-size:26px; color: #313131; padding-right:78px; text-align: right;line-height: 1em}
.indexloginmk > div{width:67.19%; padding:0px 20px; display: flex; display: -webkit-flex; -webkit-align-items: stretch; justify-content:space-around; }
.indexloginmk > div a{height: 66px; font-weight: bold;cursor: pointer; padding:15px 10px; background:#2e6a9d;display: -webkit-flex; align-items: center; justify-content:center;width: calc(33.333333% - 13px);border-radius:4px; -webkit-border-radius:4px; color:#fff; -moz-border-radius:4px;transition: all 0.2s ease-in-out;}
.indexloginmk > div a span{ background: #3993df; width: 42px; height: 42px; border-radius: 50%;display: flex; display: -webkit-flex; align-items: center; justify-content: center; margin-right: 10px;transition: all 0.2s ease-in-out;}
.indexloginmk > div a span i{ color: #fff; font-size:20px;transition: all 0.2s ease-in-out;}
.indexloginmk > div a em{ font-style: normal; color: #fff; font-size:18px; display: block}
.indexloginmk > div a:hover { background: #387cb7!important;text-decoration: none;}
.indexloginmk > div a:hover span{ background: #fff;}
.indexloginmk > div a:hover span i{ color: #387cb7; font-size:26px}
.indexloginmk > div a:hover em{color: #fff!important;}
.banner_r .btn-group .btn{ background:#2e6a9d; color: #fff; font-size:1rem; font-weight: bold; padding:0.1rem .6rem}
.banner_r .btn-group .btn span{font-size:20px}
.banner_r .btn-group .btn:hover{color: #fff;background-color:#3283c7;}

.mk_main{background: #fff;  padding:0 1rem 1rem;/*padding等于footer的高度*/}
.lay .indexfooter{position:absolute;bottom:0;width:100%;height:6rem;clear:both; line-height: 6rem; background: #205581; color: #fff; font-size:0.9rem;display: flex; display: -webkit-flex; align-items: center;  justify-content:center;}
.map a,.map{ text-decoration:none;line-height:20px; height:20px; font-size:14px; font-weight:normal; color:#898989;font-family:"\5FAE\8F6F\96C5\9ED1","\5B8B\4F53";}
.map a:hover{ color:#007dc1}
.map{ background:url(../images/map.gif) 0px 10px no-repeat; padding:10px 0 20px 20px; display: block; width: 100%; margin: 0px auto;}
.mainoption{ background: #f0f1f3; height: 42px; line-height: 42px; width: 100%; font-size:18px; font-weight: bolder; color: #205581; text-indent: 20px; margin: 10px auto}

.mk_main dl{ padding:0px 10px 40px 10px; margin-bottom: 0px}
.mk_main dd{width:100%; clear:both;}
.mk_main dd a{ background:url(../images/d1.gif) no-repeat 0px 14px; color:#313131; font-size:16px; float:left; float:left; padding-left:12px; line-height:40px; width: calc(100% - 8rem); overflow:hidden;
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
    -webkit-text-overflow:ellipsis;
    -moz-text-overflow:ellipsis;
    white-space:nowrap;}
.mk_main dd a:hover{color:#007dc1}
.mk_main dd i{ font-weight:normal; font-size:0.9rem; float:right; color:#7b7b7b; padding-left:10px; line-height: 36px}
.page{ display:block; width:100%; height:26px; text-align:left; font-weight:normal; line-height:30px; font-size:12px;color:#333;clear:both; padding-left:20px; border-top: 1px solid #eaeaea; padding-top: 10px; margin-bottom: 50px}
.page a{ font-size:12px;color:#333;border: 1px solid #dfe6f7; background:#eef3ff; display: inline-block; height: 28px; line-height: 28px; padding: 0px 6px; margin: 0px 5px}
.page a:hover{ text-decoration:none!important;color:#fff!important; background:#5b98dc; }
.paget{ display: inline-block; width:40px; border: 1px solid #dfe6f7; background: #fff; line-height: 28px; height: 28px; color:#333; font-weight: bold; font-size:16px; margin-top:-5px}
.pageb{color:#fff; background:#5b98dc; border: none;height: 30px; line-height: 30px; color: #fff; text-align: center; padding: 0px 12px; border: none; margin-top:-5px}
.pageb:hover{ background: #176ac6}
.contbt{line-height:1.2em; margin-top:25px; width:100%; text-align:center; color:#313131; font-weight: bold;font-size:24px; font-family:"\5FAE\8F6F\96C5\9ED1","\5B8B\4F53";}
.continfo{width: 92%; margin: 20px auto 10px auto;background: #f0f1f3;
    height: auto;
    font-size: 14px;
    color: #828283;
    text-align: center;
    line-height: 1.2em;
    padding: 10px;
}
.contfont{ line-height:30px; width:90%; font-size:16px; text-align:left; margin:0px auto; padding:0px;clear:both; padding-bottom: 20px}
.mk_content .map{border-bottom: 1px solid #eaeaea;  padding-bottom: 10px; display: block; height: auto}
.indexmenusmk {
  display:block;
  background: rgba(255,255,255,0.5);
  box-shadow: 0 0 10px 0 rgba(44, 53, 60, .15);
  margin-bottom: 24px;
border-top:3px solid #205581;
padding: 25px 30px;
box-sizing: border-box;
}
.indexmenusmk-h2{margin:0px 0px 15px; display: block; width: 100%}
div.indexmenusmk-h2:nth-of-type(2),div.indexmenusmk-h2:nth-of-type(3){margin-top:15px}
.indexmenusmk-h2 i{display: inline-block; width: 4px; height: 17px; background:#3c658b;transition: all 0.2s ease-in-out;}
.indexmenusmk-h2 span{font-size:20px; color:#0e4c84; line-height: 1em; font-weight: bold; margin:-5px 0px 0px 5px;}
.indexmenusmk .row > div{ padding:0px 7px!important}
.indexmenusmk .row a{background:#d9ebfd;box-shadow:1px 2px 3px 0 rgba(44, 53, 60, .2); -webkit-box-shadow:1px 2px 3px 0 rgba(44, 53, 60, .2); -moz-box-shadow:1px 2px 3px 0 rgba(44, 53, 60, .2); height: 80px; box-sizing: border-box; cursor: pointer; display: flex; display: -webkit-flex; align-items: center;  justify-content:space-around; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; margin-bottom: 15px;transition: all 0.2s ease-in-out;}
.indexmenusmk .row a span{display:inline-block; width:calc(100% - 60px); font-size:20px; line-height: 1em; color: #205581; font-weight: normal;line-height: 1em; text-align: center}
.indexmenusmk .row a i{width:34px; height:34px;float:right;background: #3283c7; border:5px solid #9fc9f4;display:flex; align-items: center;justify-content: center; border-radius:50%; margin-right:22px}
.indexmenusmk .row a:hover{text-decoration: none;}
/*.indexmenusmk .row a:hover{ background:#2e6a9d; text-decoration: none}
.indexmenusmk .row a:hover span{color: #fff;}*/
a.indexah{ text-decoration: none; cursor: pointer!important;background:#2e6a9d!important;}
a.indexah:hover{background:#3283c7!important;}
.servicesmk .taba_css a b{ display:block; font-size:20px; height: 46px; font-weight: bold;line-height: 1em; color:#4e4e4e; text-align: center; display: flex; display: -webkit-flex; align-items:center;  justify-content:center;}
.servicesmk .taba_css a:hover{ text-decoration: none;background: linear-gradient(145deg, #53a1f6, #0d75c6);
    background: -webkit-gradient(linear, 145deg, from(#53a1f6), to(#0d75c6));
    background: -webkit-linear-gradient(145deg, #53a1f6, #0d75c6);
    background: -moz-linear-gradient(145deg, #53a1f6, #0d75c6);
    background: -o-linear-gradient(145deg, #53a1f6, #0d75c6);
    background: -ms-linear-gradient(145deg, #53a1f6, #0d75c6);
    background: linear-gradient(145deg, #53a1f6, #0d75c6);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = #53a1f6, endColorstr = #0d75c6); background-color:#0d75c6\9;
}
.indexah span{color: #fff!important;}
a.indexah:hover i{width:36px; height:36px;}
.indexServiceHall{ box-shadow: 0 0 10px 0 rgba(44, 53, 60, .15);}
.indexServiceHall *{box-sizing: border-box}
.indexServiceHallh{background: url("../images/mkbg.jpg") right top no-repeat #2e6a9d;}
.indexServiceHallh span{line-height:50px; width:100%; font-size:20px; color:#fff; font-weight: bold; text-align: center;background: url("../images/mkbg2.jpg") left top no-repeat; display: block}

.indexServiceHall .nav{ display: block; width: 100%;  border-bottom: 1px solid #c7c7c7}
.indexServiceHall .nav button,.indexServiceHall .indexServiceHallmain span{ line-height: 38px; font-size:16px; display:inline-block;}
.indexServiceHall .nav button{ color:#313131; cursor: pointer; padding: 0px 16px;border-radius:0px; -webkit-border-radius:0px; -moz-border-radius:0px;}
.indexServiceHall .nav button.active{ border-bottom: 2px solid #0e4c84; background: none; margin-bottom: -1px; color: #0e4c84; font-weight: bold; font-size:18px}


.servicesmk{background: rgba(255,255,255,0.5); padding:25px 25px 50px 25px;}

.servicesmk > ul{ padding: 0px; margin:0px; list-style: none; width: 100%; position: relative; clear: both; display: none; padding-top:15px}

.es-carousel-wrapper{
    position:relative; height:44px; display: block; width: 100%; border-bottom: 1px solid #c7c7c7;}
.es-carousel{
    overflow:hidden;
}
.es-carousel ul{
    display:none; padding:0px; margin:0px;
}
.es-carousel ul li{
    float:left;
    display:inline-block; text-align: center;
}
.es-carousel ul span{ display:inline-block;float:left; margin-left: -17px; line-height: 42px}
.es-carousel ul li a{
    display:inline-block; cursor:pointer; padding:0px 8px; margin: 0px; text-align: center;color: #313131; font-weight: normal; font-size:16px; line-height:42px;
 white-space:nowrap;
word-break:normal;
word-wrap:normal;
}
.es-carousel ul li a:hover{ text-decoration:none; color:#0e4c84!important; font-weight: bold; font-size:18px; border-bottom: 2px solid #0e4c84;}
.es-nav span{
    position:absolute;
    top:0;
    left:0px;
    background:transparent url(../images/jt1.gif) no-repeat top left;
    width:25px;
    height:44px;
    text-indent:-9000px;
    cursor:pointer;
}
.es-nav span.es-nav-next{
    right:0px;
    left:auto;
    background:transparent url(../images/jt2.gif) no-repeat top left;
}
.es-nav span:hover{
    opacity:1.0;
}

.es-carousel ul li.zhttabcur a{ color: #0e4c84; font-weight: bold; font-size:18px;  border-bottom: 2px solid #0e4c84; }

.servicesmk .taba_css a{ display: inline-block;width:calc(25% - 18px); float:left; text-align: center; background: #d9ebfd;border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; padding:40px 0px 16px; box-shadow:1px 2px 3px 0 rgba(44, 53, 60, .2); -webkit-box-shadow:1px 2px 3px 0 rgba(44, 53, 60, .2); -moz-box-shadow:1px 2px 3px 0 rgba(44, 53, 60, .2); margin:20px 7px 0px; transition: all 0.5s ease-in-out}
.servicesmk .taba_css a i{ display: block; width: 66px; height: 66px; margin: 0px auto 10px;display: flex; display: -webkit-flex; align-items: center;  justify-content: center;
background: linear-gradient(145deg, #53a1f6, #0d75c6);
background: -webkit-gradient(linear, 145deg, from(#53a1f6), to(#0d75c6));
background: -webkit-linear-gradient(145deg, #53a1f6, #0d75c6);
background: -moz-linear-gradient(145deg, #53a1f6, #0d75c6);
background: -o-linear-gradient(145deg, #53a1f6, #0d75c6);
background: -ms-linear-gradient(145deg, #53a1f6, #0d75c6);
background: linear-gradient(145deg, #53a1f6, #0d75c6);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = #53a1f6, endColorstr = #0d75c6); background-color:#0d75c6\9;
}
.servicesmk .taba_css a b{ display:block; font-size:20px; height: 46px; font-weight:normal;line-height: 1em; color:#4e4e4e; text-align: center; display: flex; display: -webkit-flex; align-items:center;  justify-content:center;}
.servicesmk .taba_css a:hover{ text-decoration: none;background: linear-gradient(145deg, #53a1f6, #0d75c6);
background: -webkit-gradient(linear, 145deg, from(#53a1f6), to(#0d75c6));
background: -webkit-linear-gradient(145deg, #53a1f6, #0d75c6);
background: -moz-linear-gradient(145deg, #53a1f6, #0d75c6);
background: -o-linear-gradient(145deg, #53a1f6, #0d75c6);
background: -ms-linear-gradient(145deg, #53a1f6, #0d75c6);
background: linear-gradient(145deg, #53a1f6, #0d75c6);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = #53a1f6, endColorstr = #0d75c6); background-color:#0d75c6\9;}

/*图标跳动  animation */
@keyframes icon-bounce {
    0%, 100% {
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    25% {
        -moz-transform: rotate(15deg);
        -ms-transform: rotate(15deg);
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg);
    }

    50% {
        -moz-transform: rotate(-15deg);
        -ms-transform: rotate(-15deg);
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg);
    }

    75% {
        -moz-transform: rotate(5deg);
        -ms-transform: rotate(5deg);
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg);
    }

    85% {
        -moz-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }
}
@-webkit-keyframes icon-bounce {
    0%, 100% {
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    25% {
        -moz-transform: rotate(15deg);
        -ms-transform: rotate(15deg);
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg);
    }

    50% {
        -moz-transform: rotate(-15deg);
        -ms-transform: rotate(-15deg);
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg);
    }

    75% {
        -moz-transform: rotate(5deg);
        -ms-transform: rotate(5deg);
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg);
    }

    85% {
        -moz-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }
}
@-moz-keyframes icon-bounce {
    0%, 100% {
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    25% {
        -moz-transform: rotate(15deg);
        -ms-transform: rotate(15deg);
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg);
    }

    50% {
        -moz-transform: rotate(-15deg);
        -ms-transform: rotate(-15deg);
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg);
    }

    75% {
        -moz-transform: rotate(5deg);
        -ms-transform: rotate(5deg);
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg);
    }

    85% {
        -moz-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }
}
@-o-keyframes icon-bounce {
    0%, 100% {
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    25% {
        -moz-transform: rotate(15deg);
        -ms-transform: rotate(15deg);
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg);
    }

    50% {
        -moz-transform: rotate(-15deg);
        -ms-transform: rotate(-15deg);
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg);
    }

    75% {
        -moz-transform: rotate(5deg);
        -ms-transform: rotate(5deg);
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg);
    }

    85% {
        -moz-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }
}



.servicesmk .taba_css a:hover i{ background:#73afec;-webkit-animation: icon-bounce 0.5s alternate;
    -moz-animation: icon-bounce 0.5s alternate;
    -o-animation: icon-bounce 0.5s alternate;
    animation: icon-bounce 0.5s alternate;}
.servicesmk .taba_css a:hover b{color:#fff;}












.indexservice .nav {margin-bottom: 2rem; justify-content: space-between}
.indexservice .tab-content>.tab-pane {
   float: left;display: flex!important; display: -webkit-flex!important; align-items: center;  justify-content:space-around;align-items: stretch;
}
.indexservice .fade:not(.show) {
    opacity:1!important;
}
.indexservice .nav-link{font-size:1.5rem; font-weight:normal; color: #8c8b8b;display: flex; display: -webkit-flex; align-items: center;  justify-content: center;align-items: stretch;}
.indexservice .nav-link i{ display: inline-block; }
.indexservice .nav-link i img{filter: grayscale(100%);}

.indexservice .nav-pills .nav-link.active,.indexservice .nav-pills .show>.nav-link {
    color: #2068a6; font-weight: bold;background:none;
}
.indexservice .nav-pills .nav-link.active i img,.indexservice .nav-pills .show>.nav-link i img{filter: grayscale(0%);}

.indexservice .tab-pane a{ display: inline-block;cursor: pointer;width:calc(12.5vw - 15px); height:100%; text-align: center; background: #e3e4e6;border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; padding-top:40px;box-shadow:1px 2px 8px 0 rgba(44, 53, 60, .2); -webkit-box-shadow:1px 2px 8px 0 rgba(44, 53, 60, .2); -moz-box-shadow:1px 2px 8px 0 rgba(44, 53, 60, .2); margin-bottom: 30px; padding-bottom: 1rem; transition: all 0.5s ease-in-out}
.indexservice .tab-pane a i{ display: block; width: 66px; height: 66px; margin: 0px auto 10px; background:#b0b0b1;display: flex; display: -webkit-flex; align-items: center;  justify-content: center;}
.indexservice .tab-pane a b{ display:block; font-size:1.07rem; min-height:2.4em; line-height: 1.2em; color: #979798; text-align: center; font-weight: normal;display: flex; display: -webkit-flex; align-items: center;  justify-content: center;}
.indexservice .tab-pane a:hover{ text-decoration: none}

.indexservice .tab-content>.tab-pane.active a{ background: #fff}
.indexservice .tab-content>.tab-pane.active a i{
background: linear-gradient(145deg, #53a1f6, #0d75c6);
background: -webkit-gradient(linear, 145deg, from(#53a1f6), to(#0d75c6));
background: -webkit-linear-gradient(145deg, #53a1f6, #0d75c6);
background: -moz-linear-gradient(145deg, #53a1f6, #0d75c6);
background: -o-linear-gradient(145deg, #53a1f6, #0d75c6);
background: -ms-linear-gradient(145deg, #53a1f6, #0d75c6);
background: linear-gradient(145deg, #53a1f6, #0d75c6);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = #53a1f6, endColorstr = #0d75c6); background-color:#0d75c6\9;
}
.indexservice .tab-content>.tab-pane.active a b{color: #313131}
.indexservice .tab-pane a:hover{
background: linear-gradient(145deg, #53a1f6, #0d75c6)!important;
background: -webkit-gradient(linear, 145deg, from(#53a1f6), to(#0d75c6))!important;
background: -webkit-linear-gradient(145deg, #53a1f6, #0d75c6)!important;
background: -moz-linear-gradient(145deg, #53a1f6, #0d75c6)!important;
background: -o-linear-gradient(145deg, #53a1f6, #0d75c6)!important;
background: -ms-linear-gradient(145deg, #53a1f6, #0d75c6)!important;
background: linear-gradient(145deg, #53a1f6, #0d75c6)!important;
filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = #53a1f6, endColorstr = #0d75c6)!important; background-color:#0d75c6\9!important;
}
.indexservice .tab-pane a:hover i{background:rgba(255,255,255,0.2)!important;}
.indexservice .tab-pane a:hover b{ color:#fff!important}
.indexservice .tab-content > div{display: flex!important; display: -webkit-flex!important; align-items: center;  justify-content:space-around;}
#serviceA{ width:50%;}
#serviceB{ width:50%;}
#serviceC{ width:25%;margin-left:calc(6.25vw - 7px); }
#serviceD{ width:25%;}
#serviceE{ width:37.5%;}


/* difangpingtai css */
.platformain {
    overflow: hidden;
    position: relative;
}
.platformain .hd {
	position: absolute; width: 100%; z-index: 1;
}
.platformain .hd .prev, .platformain .hd .next {
    display: block;
    width:40px;
    height:40px;
    float: left;
	margin:135px 10px 0px;
    cursor: pointer;
    background: url("../images/large_left.png") 0 0 no-repeat;
}
.platformain .hd .next {
    transform: scaleX(-1); float: right
}
.platformain .hd .prev:hover, .platformain .hd .next:hover{background-position: 0 -40px;}


.platformain .bd {
	position: relative; z-index:9; margin:0px 60px 20px;width:1250px
}
.platformain .bd .tempWrap{overflow:hidden; position:relative; width:100%; text-align: center}
.platformain .bd .tempWrap > div{ margin:0px auto;}
.platformain .bd ul {
    overflow: hidden;
    zoom: 1;
}
.platformain .bd ul li {
    margin:0 5px;
    float: left;
    _display: inline;
    overflow: hidden;
    text-align: center;
}
.platformain .bd ul li .pic {
    text-align: center;
}
.platformain .bd ul li .pic img {
    width: 120px;
    height: 90px;
    display: block;
    padding: 2px;
    border: 1px solid #ccc;
}
.platformain .bd ul li .pic a:hover img {
    border-color: #999;
}
.platformain .bd ul li .title {
    line-height: 24px;
}

.platformain .picList li > a{
	display: block;
	border-radius: 10px;
    border: 1px solid #f5f7fa;
    background: #f5f7fa;
    box-shadow: 6px 6px 8px 0 rgba(191,213,244,.8);
    cursor: pointer;
    margin-right:10px;
    margin-bottom: 24px;
    width:152px; height:140px; overflow: hidden}
.platformain .picList li > a span img{width:100%; height:100px;transition: all .3s;}
.platformain .picList li > a b{font-size:1rem; display: block;height:40px; line-height: 40px; font-weight: normal; background: #d9ebfd; color:#2e618e; text-align: center}
.platformain .picList li > a:hover{ text-decoration: none}

.platformh{ width: 100%; border-top:1px solid #6fa5d2; position: relative; margin:60px auto 30px}
.platformh span{ width: 160px; font-size:20px; color: #184e7e; line-height: 1em; text-align: center; background:#fdfdfd; position: relative; display: block; margin: -10px auto 0px; font-weight: bold}
.platformh i{display: block; position: absolute; width: 8px;height: 8px; border-radius: 50%; background: #2e6a9d; top: 6px}
.platformh i.platformhl{ left: 0px;}
.platformh i.platformhr{ right: 0px;}
.indexbq{ border-top:3px solid #2e6a9d; padding: 30px 0px 20px; text-align: center}
.indexbq p{font-size:16px; color: #595959; line-height:1.2em; margin-bottom: 0.5rem}
.indexbq p br{display: none}
.indexbq a{font-size:16px; color: #595959;}
.indexbq a:hover{color: #2e6a9d;}
.listlay .indexbq {
    position: absolute;
    bottom: 0;
    width: 100%;
    clear: both;background: #f1f1f1; padding: 20px 0px 15px
}


.rfd{ width:auto; position: fixed; top:280px; right:0px;  background: #e5f1fc; z-index: 2; text-align: center;}
.rfd div{width: 100px;-webkit-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all 0.2s ease; }
.rfd a{ display:block; width: 100%; height:auto; background-repeat:no-repeat; background-position: center center;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease; cursor: pointer}
.rfd #my{padding-top:10px}
.rfd #my a{display: block; width: 100%; text-align: center!important; margin: 12px 0px;text-decoration: none!important}
.rfd #my a em{ display:block; background: #3783cf; width: 46px; height: 46px; display: flex; align-items: center; justify-content: center; margin: 0px auto;border-radius: 50%;}
.rfd #my a i{font-style: normal; font-size: 14px; color: #6c6c6c; line-height: 2em; display: block; text-align: center; margin-bottom: 15px}
.rfd #my a:hover em{background:#136cc4}
.rfd #my a:hover i{color:#136cc4}

.rfd a.rfds{ width: 100%; height: 30px; background:url("../images/i00.png") center center no-repeat #2d81d1;}
.rfd a.rfds:hover{ background:url("../images/i00.png") center center no-repeat #136cc4;}
.rfd a.rfdz{ width: 50px; height: 24px; padding:0px; background:url("../images/i0h.png") center center no-repeat #2d81d1;}
.rfd a.rfdz:hover{ background:url("../images/i0h.png") center center no-repeat #136cc4;}
.rfd a i{ display:block; width:100%;}
.rfd a i img{ width:100%; height:auto;}


@media (any-hover: hover){
.platformain .picList li > a span img:hover {
    transform: scale(1.1);
	}
}
.platformain .picList{display: inline-block;left: -120px; position: relative; overflow: hidden; padding: 0px; margin: 0px;}
.pgfooter{background:#3175a9; color: #fff; padding:1rem 0;}
.pgfooter .clayout{display: flex!important; display: -webkit-flex!important;align-items:center;  justify-content:space-between; width: 100%; padding: 0px 5rem;}
.pgfooter span{font-size:24px; line-height: 36px; font-weight: bold;}
.pgfooter span img{ display: inline-block; vertical-align: middle; height: 36px; margin-right: .5rem}
.pgfooter p{ display: inline-block; font-size:1rem; line-height:2em; margin-bottom: 0px!important}
.listlay{ position: relative; box-sizing: border-box; min-height:100%;height:auto !important;height:100%;/*ie6不识别min-height,如上述处理*/}
.listlay .mk_main{padding-bottom:120px;border-top:3px solid #2e6a9d; padding-top:10px}
.listlay .pgfooter {
    position: absolute;
    bottom: 0;
    width: 100%;
    clear: both;
}
@media screen and (min-width:1500px) {
    .platformain {width: 1350px!important}
}
@media screen and (max-width:1502px) {
.webtop-l,.webtop-r{display: none}
}
@media screen and (max-width:1500px) {
.webtop,.banner{height:100px;}
}

@media (min-width:1340px) and (max-width:1500px) {
.platformain .bd {
    margin: 0px 60px 20px;
    width: 1145px;
}
}
@media screen and (max-width:1279px) {
.webtop{height:auto; position: relative}
.clayout{width:100%; padding-left:10px; padding-right:10px}
.webtop-r{display: none}
.indexmenusmk-left {display: none}
.indexmenusmk-right { width: 100%;}
.indexmenus{padding-top:1rem}
.mobile-hidden{display:none!important}
.mobile-visite{display:block!important}
.indexservice .tab-content span.mobile-visite{display: flex!important; display: -webkit-flex!important; align-items: center; justify-content: flex-start; font-size:1.2rem; line-height:1em; font-weight:bold;margin: 0px 10px 15px; padding-top:20px; clear: both}
.indexservice .tab-content span:nth-of-type(1){padding-top:0px;}
.indexservice .tab-content span.mobile-visite img{height:30px; width:auto}
.indexservice .tab-content span.mobile-visite + div{width:100%!important; padding: 0px 10px; box-sizing: border-box}
.indexservice .tab-content span.mobile-visite + div a{width: calc(25% - 1rem); padding-top:15px; padding-bottom:0.5rem;background: #fff}
.indexservice .tab-content span.mobile-visite + div a i {width:50px; height:50px;background: linear-gradient(145deg, #53a1f6, #0d75c6);
background: -webkit-gradient(linear, 145deg, from(#53a1f6), to(#0d75c6));
background: -webkit-linear-gradient(145deg, #53a1f6, #0d75c6);
background: -moz-linear-gradient(145deg, #53a1f6, #0d75c6);
background: -o-linear-gradient(145deg, #53a1f6, #0d75c6);
background: -ms-linear-gradient(145deg, #53a1f6, #0d75c6);
background: linear-gradient(145deg, #53a1f6, #0d75c6);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = #53a1f6, endColorstr = #0d75c6); background-color:#0d75c6\9;}
.indexservice .tab-content span.mobile-visite + div a b {font-size:1rem;color: #313131}
.indexserviceh > div span {font-size:1.6rem; padding: 10px; width: auto}
.indexserviceh > div i {background-size:auto 26px;width: calc(50% - 70px);}
.indexserviceh b {font-size: 1.2rem; line-height: 1em; padding-top: 0rem; margin-top:-5px}
.indexserviceh {margin: 1.5rem auto 1rem;}
 #serviceC {margin-left:0px}

.indexservice .tab-content span.mobile-visite + div{ display: block!important; padding:0px 0px 0px 10px; box-sizing:border-box}
.indexservice .tab-content span.mobile-visite + div a{float: left;margin-right: 10px; margin-bottom: 10px}
.indexloginmk {background:rgba(255,255,255,0.5)}
.indexloginmk > b{display: none}
.indexloginmk > div{width:100%}
}
@media (min-width:1200px) and (max-width:1340px) {
.platformain .bd {
    margin: 0px 60px 20px;
    width: 1100px;
}
}
@media screen and (max-width:1200px) {
.platformain .hd{ display: none}
.platformain .bd {margin: 0px 0px 20px; width: 100%;}
.platformain .picList {left:0px}
.platformain .bd ul {display: flex; display: -webkit-flex; justify-content: center;flex-wrap:wrap}
.platformain .picList li{display:inline-block; margin:0px!important}
.platformain .picList li > a {float: left; display: inline-block; }
}
@media screen and (max-width:1100px) {
.listlay{ padding-bottom:0px}
.listlay .pgfooter {
    position:relative;
    bottom: 0;
    width: 100%;
    clear: both;
}
.listlay .mk_main {padding-bottom: 20px;}
}
@media screen and (max-width:1000px) {
.carousel-item span{ width: 100%; display: flex; display: -webkit-flex; align-items: center;  justify-content: center; }
.indexmenusmk-right .indexmenusmk-righth2 div {margin-left:0.2rem}
.indexmenusmk-rightmain a {font-size:1rem}
.servicesmk .taba_css a{width:calc(33.33333% - 18px);}
}
@media screen and (max-width:980px) {
.platformain .picList li > a {width: 100px; height: 110px; margin-bottom: 10px}
.platformain .picList li > a span img {height: 80px}
.platformain .picList li > a b {height: 30px;line-height: 30px; font-weight: normal;font-size: 0.9rem;}
.pgfooter span{ display: none}
.pgfooter .clayout{ display: block!important;padding: 0px 10px;}
.pgfooter p {font-size:0.9rem; line-height: 1.2em; display: block; width: 100%; text-align: center;}
.pgfooter p:nth-of-type(1){ padding-bottom: 5px}
.pgfooter p br{display: none}
.indexloginmk > div{padding:0px}
.carousel-item span img{height:35vw; width:100%!important}
}
@media screen and (max-width:720px) {
    .banner .banner_logo b {font-size:1.6rem; text-align: left}
    .banner .banner_logo em {text-align: left;
        font-size: 10px
    }
}
@media screen and (max-width:680px) {
.webtop{height:auto; padding:0.5rem 0px 0rem}
.banner{flex-direction:column;justify-content:center; height: auto}
.banner .banner_logo i{padding-right:0.1rem}
.banner .banner_logo i img{height:40px; width:auto}
.banner .banner_logo b{font-size:1.2rem;}
.banner_login{ margin:10px auto 0px; height:2rem; background-size:auto 15px;}
.banner_login a{ font-size:0.92rem; line-height:2rem; padding:0px 8px 0px 28px;}
.banner_login{background: url("../images/ii0.png") 6px center no-repeat #2e6a9d;}
.indexserviceh > div span {font-size:1.3rem; padding: 10px; width: auto}
.indexserviceh > div i {background-size:auto 26px;width: calc(50% - 58px);}
.indexserviceh b {font-size: 1.2rem; line-height: 1em; padding-top: 0rem; margin-top:-5px}
.indexserviceh {margin: 1.5rem auto 1rem;}
.indexloginmk > div a em{line-height: 1.2em;}
.banner .banner_logo{margin-bottom: 0px}
.mk_main dd a {padding-left:5px;line-height: 1.6em;width: 100%;overflow: visible;white-space: wrap;}
.mk_main dd i {float: left; padding-left: 5px;line-height:2em;margin-bottom: 15px;}


 .banner_logo{text-align: center}
.banner .banner_logo i{margin-bottom:5px}
.banner .banner_logo b{text-align: center letter-spacing: 0px; display: block}
.banner .banner_logo em {letter-spacing: -1px;text-align: center }
.indexbq{padding:20px 0px}
.indexbq p{margin-bottom: 0px}
.indexbq p br{display: block}
}
@media screen and (max-width:580px) {
.indexservice .tab-content span.mobile-visite + div{ display: block; padding:0px 0px 0px 10px; box-sizing:border-box}
.indexservice .tab-content span.mobile-visite + div a{width: calc(50% - 15px); float: left;padding-top: 20px;padding-bottom: 1rem;margin-right: 10px; margin-bottom: 10px}
.indexservice .tab-content span.mobile-visite + div{display: block!important}
.indexloginmk{height: auto; padding-top:10px}
.indexloginmk > div{flex-wrap:wrap }
.indexloginmk > div a{width: 100%; margin-bottom: 10px}
.servicesmk .taba_css a{width:calc(50% - 18px);}
}
@media screen and (max-width:500px) {
.indexmenusmk-rightmain a {width: calc(50% - 6px);}
.indexmenusmk-rightmain a:nth-of-type(5), .indexmenusmk-rightmain a:nth-of-type(11) {margin-left: 0px;margin-right: 0px;}
.indexmenusmk-rightmain a:nth-of-type(2), .indexmenusmk-rightmain a:nth-of-type(4), .indexmenusmk-rightmain a:nth-of-type(6), .indexmenusmk-rightmain a:nth-of-type(8), .indexmenusmk-rightmain a:nth-of-type(10), .indexmenusmk-rightmain a:nth-of-type(12){margin-left:10px;margin-right: 0px}
.carousel-indicators {bottom: -35px!important}
.indexloginmk > div a,.indexmenusmk .row a span {font-size:18px}
.banner_logo{text-align: center}
.banner .banner_logo i{margin-bottom:5px}
.banner .banner_logo b{text-align: center letter-spacing: 0px}
.banner .banner_logo em {
    font-size: 10px;
    line-height: 0.8rem;
    padding-top: 8px;
    font-weight: normal!important;
    letter-spacing: -1px;text-align: center
}
}
@media screen and (max-width:460px) {
.platformain .picList li > a {
    width: 180px;
}
}
@media screen and (max-width:430px) {
.servicesmk .taba_css a{width:100%;}
}
@media screen and (max-width:400px) {
.indexmenusmk-rightmain a br{display: none}
}
@media screen and (max-width:400px) {
.platformain .picList li > a { width: 150px;}
.indexmenusmk .row a{padding-left:5px}
.indexmenusmk .row a span { display: inline-block;width: calc(100% - 65px); font-size: 18px;
}
@media screen and (max-width:340px) {
.platformain .picList li > a { width: 118px;}
}
@media screen and (max-width:330px) {
.banner .banner_logo b { font-size: 1rem;}
.banner_r .btn-group .btn{font-size:0.9rem}
.banner_r .btn-group .btn span{font-size:1rem}
}