/*鍒濆鍖栨牱寮�*/
html {
    margin: 0;
    padding: 0;
    border: 0;
}

body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
p,
blockquote,
pre,
a,
address,
code,
b,
em,
img,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
footer,
header,
hgroup,
nav,
section {
    margin: 0;
    padding: 0;
    border: 0;
}

body {
    background: #fff;
    color: #666;
    position: relative;
    font: 12px/1.5 Microsoft YaHei, arial, 瀹嬩綋, sans-serif;
    vertical-align: baseline;
    width: 100%;
    overflow-x: hidden;
}

a {
    text-decoration: none;
    outline: none;
}

a:link {
    color: #666;
}

a:visited {
    color: #666;
}

a:hover,
a:active,
a:focus {
    color: #0b73bd;
    text-decoration: none;
    outline: none;
}

p {
    margin: 0;
}

input {
    padding: 0;
    margin: 0;
    font-family: 'Microsoft YaHei';
}

img {
    border: none;
    background: none;
    vertical-align: middle;
}

ul,
ol,
li {
    list-style-type: none;
}

select,
input,
img,
select {
    vertical-align: middle;
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

table,
th,
td {
    vertical-align: middle
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}

.clearfix {
    zoom: 1
}

.clearboth {
    height: 0px;
    line-height: 0px;
    overflow: hidden;
    clear: both;
    font-size: 0px;
}

h1,
h2,
h3,
h4 {
    font-size: 12px;
    font-weight: bold;
}

hr {
    border: 0;
    border-top: 1px solid #ccc;
    height: 0;
}

dt {
    font-weight: normal;
}

/*----- Common css ------*/
.fl {
    float: left;
}

.fr {
    float: right;
}

.di {
    _display: inline;
}

.fwn {
    font-weight: normal;
}

.dib {
    *display: inline;
    _zoom: 1;
    _display: inline;
    _font-size: 0px;
}

.flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.flexd {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.wh {
    margin: 0 6.25%;
}
.wh2 {
    margin: 0 12%;
}
@media(max-width: 1500px){
    .wh2 {
        margin: 0 5.25%;
    }
}
@media(max-width: 1180px){
    .wh {
        margin: 0 3.25%;
    }
     .wh2 {
        margin: 0 3.25%;
    }
}
@media(max-width: 640px){
    .wh {
        margin: 0 15px;
    }
     .wh2 {
        margin: 0 15px;
    }
}

.pos {
    position: relative;
    width: 1920px;
    left: 50%;
    margin-left: -960px;
}

.com-img {
    display: inline;
    overflow: hidden;
    margin: 0 auto;
    display: table;
}

.com-img img {
    transition: all 0.8s;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -o-transition: all 0.8s;
}

.com-img:hover img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
}

.flex{display: flex;justify-content: space-between;flex-wrap: wrap;display: -webkit-flex;}

/*澶撮儴鏍峰紡*/
.top1 {
    height: 27px;
    background: #e6e6e6;
    color: #595959;
    line-height: 27px;
    overflow: hidden;
    font-size: 13px;
}

.top2 {
    height: 100px;    position: relative;
    z-index: 999;
}

#header {
    width: 1000px;
    margin: 0 auto;
}

.logo {
    float: left;
    line-height: 100px;
}

.top2 .k2 {
    margin-top: 35px;
    font-size: 16px;
    color: #333333;
    line-height: 35px;
    background: url() no-repeat left center;
    padding-left: 40px;
}
.he{text-align:center; margin: 0 auto;}
.box1 .bd{overflow:hidden;margin-top:35px;}
.himg{margin: 20px auto 0; width: 100%}
.himg li{padding: 10px;background: #fff;}
.himg img{width:100%;}

@media(max-width:640px){
    .himg li{width:89px;}
}



/*鐑棬鎼滅储*/
.sou {
    margin: 15px 0;
}

.hotSearch a {
    margin-right: 6px;
}

.hotSearch {
    float: left;
    height: 24px;
    line-height: 24px;
    font-weight: normal;
}

/*鎼滅储鍜岀儹闂ㄦ悳绱�*/
.ss{position: relative;}
.ss-img{line-height:98px;cursor: pointer;}
.search {
    position: absolute;
    right: 0;
    top: 96px;
    z-index: 999999;
    background: #fff;
    padding: 20px;
    display: none;
}
.ss #formsearch {
    width: 225px;
}
.ss #formsearch input {
    height: 32px;
    background: #fff;
    border: 1px solid #c8c8c8;
    line-height: 32px;
}

.ss #formsearch input#keyword {
    height: 32px;
    line-height: 32px;
    padding-left: 4px;
    color: #999;
    font-size: 12px;
    width:169px;
}

.ss #formsearch input#s_btn {
    width: 46px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    background-color: #c20000;
    color: #fff;
    border: none;
    cursor: pointer;
}

.yy{color: #000000;margin-left: 17px;font-size: 15px;padding-left: 16px;background: url(../images/jt1.png) no-repeat left center;line-height: 100px;}
.yu{position: relative;cursor: pointer;}
.sec2{position: absolute;right: -16px;top:65px;background: rgba(255,255,255,.7);padding: 10px;display: none;z-index: 9999;}
.sec2 a{display: block;text-align: center;color: #000000;font-size: 15px;line-height: 24px;}
.sec2 a:hover{color: #0b73bd;}

.topr{
    position: relative;
    overflow: hidden;
}
.toptel{
    background: #0b73bd;
    color: #ffffff;
    border-radius: 50px;
    padding: 10px 26px;
    font-size: 14px;
    overflow: hidden;
    border: 1px solid #0b73bd;
    transition:all 0.4s;
}
.toptel a{
    color: #fff;
}
.toptel span{
    vertical-align: middle;
    margin-left: 3px;
}
.toptel:before {
    content: "";
    position: absolute;
    display: block;
    transition: all .6s;
    width: 100%;
    height: 0;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    padding-top: 100%;
    transform: translateX(-50%) translateY(-50%);
}
.toptel:hover:before {
    animation: style1 .75s;
    z-index: 1;
}
.toptel:hover{
    background: #fff;
    border-style: solid;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
}
.toptel:hover a{
    color: rgba(11, 115, 189, 1);
}

@keyframes style1 {
    0% {
        background: rgba(0,0,0,.25);
        transform: translateX(-50%) translateY(-50%) scale(0)
    }

    to {
        background: 0 0;
        transform: translateX(-50%) translateY(-50%) scale(1)
    }
}

/* 瀵艰埅鏍峰紡 */
#menu {
    background-color: #019350;
}

.x-menu {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    z-index: 9999;
}

.x-menu>li {
    position: relative;
    padding:0 23px;
}

.x-menu>li>a {
    display: block;
    font-size: 17px;
    color: #000000;
    white-space: nowrap;
    line-height: 100px;
    height: 100px;
    text-align: center;
}



.x-menu>li>a:hover {
   color: #0b73bd;
}

.x-menu>li.active>a {}

.x-menu>li:after {
    content: '';
    position: absolute;
    z-index: 100;
    width: 100%;
    left: 0;
    /*height: 40px;*/
    opacity: 0;
    top: 100%;
}

.x-menu>li:hover .x-sub-menu {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    background: #fff;
}

.x-sub-menu {
    position: absolute;
    z-index: 99;
    width: 150%;
    left: -25%;
    top: 100px;
    background: #fff;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

.x-sub-menu>li {
    /* padding: 0 0.9rem; */
}

.x-sub-menu>li>a {
    display: block;
    text-align: center;
    line-height: 2;
    font-size: 14px;
    color: #666666;
    line-height: 3;
}

.x-sub-menu>li>a:hover {
    background: #0b73bd;
    color: #fff;

}

.x-sub-menu:after {
    content: '';
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
    border-width: 10px;
    cursor: pointer;
    border-style: dashed dashed solid dashed;
    border-color: transparent transparent #fff transparent;
    border-top: none;
    position: absolute;
    top: -10px;
    left: 50%;
    margin-left: -10px;
    z-index: 99;
    display: none;
}

@media(max-width: 1340px){
    .logo img{
        height: 60px;
    }
    .x-menu>li{padding: 0 15px;}
}
@media(max-width: 1100px){
    .logo img{
        height: 60px;
    }
    .x-menu>li{padding: 0 1.2vw;}
}

@media(max-width: 1080px){
    .x-menu>li{padding: 0 6px;}
}

.page-banner{
    position: relative;
}
.topname{
    position: absolute;
    top: 50%;
    left: 12%;
    transform: translate(0%, -50%);
}
.topname h2{
    color: #fff;
    font-size: 36px;
    margin-bottom: 15px;
}
.topname p{
    color: #fff;
    font-size: 18px;
    line-height: 30px;
}
.weizhi{
    background: #f6f7f8;
    padding: 20px 0;
    border-bottom: 1px solid #ddd;
}
.weizhi .wh2{
    background: url(../images/home.png) no-repeat left;
    padding-left: 23px;
}
.weizhi a{
    font-size: 14px;
}

@media(max-width: 1440px){
    .topname{
        left: 6%;
    }
}
@media(max-width: 1200px){
    .topname h2{
        font-size: 32px;
        margin-bottom: 10px;
    }
    .topname p{
        font-size: 16px;
    }
}
@media(max-width: 768px){
    .topname h2{
        font-size: 28px;
        margin-bottom: 5px;
    }
}
@media(max-width: 600px){
    .topname {
        display: none;
    }
}

.banner-item{
    position: relative;
}
.bannr {
    width: 90%;
    position: absolute;
    top: 50%;
    left: 5%;
    transform: translate(0%, -50%);
}
.bannr .banmain{
    width: 60%;
}
.bannr .banmain h2{
    color: #ffffff;
    font-size: 38px;
    line-height: 45px;
}
.bannr .banmain p{
    color: #ffffff;
    font-size: 20px;
    margin: 30px 0 60px;
}
.bannr .banmain .banmore{
    color: #ffffff;
    font-size: 15px;
    background: #0b73bd;
    margin-top: 20px;
    padding: 13px 40px;
    border-radius: 50px;
    border: 3px solid #0b73bd;
    display: inline-block;
    transition:all 0.4s;
}
.bannr .banmain .banmore:hover{
    color: #0b73bd;
    background: #fff;
    border: 3px solid #0b73bd;
    margin-left: 10px;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
}

.banm .bannr .banmain{
    width: 100%;
}
.banm .bannr .banmain h2{
    font-size: 30px;
    line-height: 35px;
}
.banm .bannr .banmain p {
    font-size: 18px;
    margin: 20px 0 0;
}

/**/
.box1{background: #f6f7f8; padding: 4.9% 0 5.5%;}
.aleft h3{color: #303841;font-size: 46px;line-height: 1;}
/*.aimg{position: absolute;width: 54%;right: 0;top:0;}
.gywm{width: 51%;}
.aimg img{width: 100%}*/
/*.aleft{margin-left: 6.25%;width: 74%;}*/
.acon{color: #303841;line-height: 30px;font-size: 16px;margin: 26px 0 2vw;}
.amore{font-size: 15px; margin-bottom: 1vw; display: inline-block;transition:all 0.4s;}
.amore:hover{padding-left: 15px;-webkit-transition-duration: 0.4s;transition-duration: 0.4s;}
.dian {
    width: 12px;
    height: 12px;
    background: #0b73bd;
    border-radius: 50%;
    position: absolute;
    top: 31.5%;
    left: 73%;
}
.dian div {
    width: 48px;
    height: 48px;
    background: #fbe4d5;
    border: 1px solid #0b73bd;
    -webkit-animation: warn 2s ease-out;
    -moz-animation: warn 2s ease-out;
    animation: warn 2s ease-out;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    border-radius: 50%;
}
.tran-middle {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.inabout{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 60px;
}
.inaboutl{
    width: 48%;
}
.inaboutl .subtit{
    font-size: 18px;
    margin: 20px 0 0;
    color: #333;
}
.inaboutl .subtit span{
    color: #0b73bd;
}
.inaboutr{
    width: 48%;
}
.inaboutr img{
    width: 100%;
}

.shuzhi{background: #f6f6f6; padding: 60px 0}
/*.sul {position: absolute;top:40px;width: 75%;right: 9%;}*/
.sbt{color: #0b73bd;}
.sbt span{color: #0b73bd;font-size: 36px;line-height: 1; font-weight: bold;}
.sbt sup{font-size: 18px; padding-left: 3px}
.sul li p{color: #303841;font-size: 16px;letter-spacing: 1px;}
.guan{position: relative;}
.aul{text-align: center;position: relative;z-index: 999;}
.abt{color: #0b73bd;font-size: 16px;margin: 22px 0 10px;}
.aul li p{color: #303841;line-height: 2.239vw;font-size: 1.666vw;}
.aul li .img{cursor: pointer; width: 6.82vw;height: 6.82vw;border-radius: 50%;margin: 0 auto;line-height: 6.82vw;position: relative;transition: .5s ease-in-out;}
.aul li .img img{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.aul li:hover .img{background: #fff;}
.svgs .svg {
  stroke-width: 2;
  r: calc(50% - 1px);
}

.svgs {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  cursor: pointer;
}

.svgs .circle {
  opacity: 0;
  transition: .5s ease-in-out;
}

.aul li:hover .circle {
  animation: circle 3s linear;
  opacity: 1;
  transition: 1s ease-in-out;
}

@keyframes circle {
  from {
    stroke-dasharray: 0 1000;
  }

  to {
    stroke-dasharray: 1000 0;
  }
}


@media (max-width:768px) {
    .inabout{
        flex-wrap: wrap;
    }
    .inaboutl{
        width: 100%;
        margin-bottom: 25px;
    }
    .inaboutr{
        width: 100%;
    }
    .banm .bannr .banmain h2{
        font-size: 22px;
        line-height: 30px;
    }
    .banm .bannr .banmain p {
        font-size: 16px;
        margin: 10px 0 0;
    }
}


/**/
.box2{overflow: hidden;margin-top: 6%;}
.bt1 dd{color: #303841;font-size: 36px;font-weight: bold;line-height: 1;}
.bt1 dt{color: #666;font-size: 16px;margin-top: 22px;}
.ying a{display: block;color: #303841;font-size: 20px;margin-top: 35px;transition:all 0.4s;}
.ying a:hover{color: #0b73bd; margin-right: 15px;-webkit-transition-duration: 0.4s;transition-duration: 0.4s;}

.yul{margin-top: 50px;}
.yul li{width: 33.333%;position: relative;transition: all 0.5s;}
.yul li .img{overflow: hidden;}
.yul li .img img{width: 100%;transition: all 0.5s;}
.ybt{position: absolute;left: 2.9vw;bottom: 2.7vw;width: 78%;transition: all 0.5s;}
.ybt h3 a{display: block;color: #ffffff;font-size: 24px;}
.ybt p{color: #0b73bd;font-size: 14px;line-height: 20px;visibility: hidden; padding-top: 24px;}
.yul li:hover .ybt p{visibility: visible;}
.yul li:hover .ybt{bottom: 4.2vw;}
.yul li:hover .ybt h3 a{color: #0b73bd;}
.yul li:hover .img img{transform:scale(1.1);}




/**/
.box3{background: url(../images/probg.jpg) no-repeat top center;background-size: cover;padding: 5.5% 0 5.2%;overflow: hidden;}
.box3 .bt1 dd{color: #fff;}
.box3 .bt1 dt{color: #fff;}
.box3 .ying a{color: #fff;}
.mySwiper{overflow: hidden;margin-top: 4.5%;}
.mySwiper li{background: #fff; padding: 20px;}
.mySwiper li .img img{width: 100%;}
.mySwiper li .img{/*border: solid 1px #cccccc;*/display: block;}
.mySwiper li h3 a{display: block;line-height: 1;padding: 20px 0;color: #303841;font-size: 18px;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;text-align: center;font-weight: normal;}
.mySwiper li:hover h3 a{color: #0b73bd;}
.mySwiper li .proa{ border: 1px solid #ddd; border-radius: 50px; font-size: 14px; padding: 10px 28px; display: table; margin: 20px auto 10px; text-align: center;}
.mySwiper li:hover .proa{background: #0b73bd; color: #fff;}

.ab_idxCase { position: relative; padding: 60px 0 0; }
.ab_idxCase .h_pros { width: 100%; }
.ab_idxCase .h_pros_list { width: 100%; height: 740px; background: rgba(255,255,255,0); padding: 0; box-shadow: 0 10px 20px rgba(0,0,0,0); box-sizing: border-box; position: relative; z-index: 1; transition: all 1s;}
.active .ab_idxCase .h_pros_list { -webkit-transform: scale(1, 1); transform: scale(1, 1); }
.ab_idxCase .h_pros_list ul { height: 100%; }
.ab_idxCase .h_pros_list ul li {width: 33.333%;height: 100%;overflow: hidden;margin: 0;padding: 0;background-color: rgba(0,0,0,0.2);box-sizing: border-box;float: left;position: relative;-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all .5s;overflow: hidden;}
.ab_idxCase .h_pros_list ul li.h_pros_active, .ab_idxCase .h_pros_list ul li:hover {/* width: 20%; */}
.ab_idxCase .h_pros_list ul li img.pro_img { display: block; width: 100%; height: 100%; object-fit: cover; margin: auto; padding: 0; position: absolute; left: 0; top: 0; right: 0; bottom: 0; }
.ab_idxCase .h_pros_list ul li .h_pros_text01 { display: block; width: 100%; height: 100%; overflow: hidden; color: #fff; margin: 0 auto; padding: 60px 40px; background-color: rgba(0,0,0,0.5); position: relative; z-index: 1; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; box-sizing: border-box; }
.ab_idxCase .h_pros_list ul li.h_pros_active .h_pros_text01, .ab_idxCase .h_pros_list ul li:hover .h_pros_text01 { background-color: rgba(0,0,0,0); }
.ab_idxCase .h_pros_list ul li .h_pros_text01 p { display: block; width: 100%; overflow: hidden; color: #fff; font-size: 26px; font-weight: bold; margin: 0 auto; padding: 0; text-shadow: 0 2px 4px rgba(0,0,0,0.1); -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; position: absolute; bottom: 90px; }
.ab_idxCase .h_pros_list ul li .h_pros_text01 p a{ color:#fff;}
.ab_idxCase .h_pros_list ul li .h_pros_text01 span { display: block; font-size: 16px; overflow: hidden; line-height: 28px; color: #fff; word-wrap: break-word; text-shadow: 0 2px 4px rgba(0,0,0,0.1); padding: 0; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; position: absolute; bottom: 60px; text-transform: uppercase; height: 30px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.ab_idxCase .h_pros_list ul li .h_pros_text01 i { display: block; width: 80%; background: #fff; height: 1px; position: absolute; bottom: 40px; }
.ab_idxCase .h_pros_list ul li.h_pros_active .h_pros_text02 { display: none; }
.ab_idxCase .h_pros_list ul li.h_pros_active .h_pros_text02, .ab_idxCase .h_pros_list ul li:hover .h_pros_text02 { display: block; }
.ab_idxCase .h_pros_list ul li.h_pros_active .h_pros_text01, .ab_idxCase .h_pros_list ul li:hover .h_pros_text01 { display: none; }
.ab_idxCase .h_pros_list ul li .h_pros_text02 { display: block; width: 100%; height: 100%; overflow: hidden; color: #fff; margin: 0 auto; padding: 60px 40px; background-color: rgba(0,0,0,0.3); position: relative; z-index: 1; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; box-sizing: border-box; }
.ab_idxCase .h_pros_list ul li .h_pros_text02 .pros_ico { margin-top: 150px; }
.ab_idxCase .h_pros_list ul li .h_pros_text02 span { display: block; font-size: 24px; font-weight: bold; margin: 20px 0 15px; height: 30px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.ab_idxCase .h_pros_list ul li .h_pros_text02 b { font-size: 30px; }
.ab_idxCase .h_pros_list ul li .h_pros_text02 b a{ color:#fff;}
.ab_idxCase .h_pros_list ul li .h_pros_text02 p { font-size: 16px; line-height: 29px; margin-top: 20px; }
.ab_idxCase .swiper-container3 { display: none; width: 100%; height: 100%; overflow: hidden; margin: 0 auto; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
 @media screen and (max-width:1899px) and (min-width:1200px) {
.ab_idxCase #test { display: none; }
.ab_idxCase .swiper-container3 { display: block; }
.ab_idxCase .h_pros_list ul li .h_pros_text02 { display: none; }
.ab_idxCase .h_pros_list ul li { height: 600px; }
.ab_idxCase .h_pros_list ul li .h_pros_text02 .pros_ico { margin-top: 50px; }
}
 @media screen and (max-width:1199px) and (min-width:1080px) {
.ab_idxCase #test { display: none; }
.ab_idxCase .swiper-container3 { display: block; }
.ab_idxCase .h_pros_list ul li .h_pros_text02 { display: none; }
.ab_idxCase .h_pros_list ul li { height: 600px; }
.ab_idxCase .h_pros_list ul li .h_pros_text02 .pros_ico { margin-top: 50px; }
}
@media screen and (max-width:1079px) and (min-width:1024px) {
.ab_idxCase #test { display: none; }
.ab_idxCase .swiper-container3 { display: block; }
.ab_idxCase .h_pros_list ul li .h_pros_text02 { display: none; }
.ab_idxCase .h_pros_list ul li { height: 500px; }
.ab_idxCase .h_pros_list ul li .h_pros_text02 .pros_ico { margin-top: 20px; }
}
@media screen and (max-width:1023px) and (min-width:768px) {
.ab_idxCase { padding: 40px 0 0; }
.ab_idxCase #test { display: none; }
.ab_idxCase .swiper-container3 { display: block; }
.ab_idxCase .h_pros_list ul li .h_pros_text02 { display: none; }
.ab_idxCase .h_pros_list ul li { height: 500px; }
.ab_idxCase .h_pros_list ul li .h_pros_text02 .pros_ico { margin-top: 20px; }
}
@media (max-width: 767px) {
.ab_idxCase { padding: 40px 0 0; }
.ab_idxCase #test { display: none; }
.ab_idxCase .swiper-container3 { display: block; }
.ab_idxCase .h_pros_list ul li .h_pros_text01 p{font-size: 22px;}
.ab_idxCase .h_pros_list ul li .h_pros_text02 { display: none; }
.ab_idxCase .h_pros_list ul li .h_pros_text02 span{margin: 16px 0 10px; font-size: 22px}
.ab_idxCase .h_pros_list ul li .h_pros_text02 b a{font-size: 22px;}
.ab_idxCase .h_pros_list ul li .h_pros_text02 p{margin-top: 12px}
.ab_idxCase .h_pros_list ul li { height: 500px; }
.ab_idxCase .h_pros_list ul li .h_pros_text02 .pros_ico { margin-top: 20px; }
}

/**/
.box4{padding: 6% 0 4%;}
.nsort li{margin-left: 45px;}
.nsort li a{color: #303841;font-size: 16px;}
.nsort li a:hover{color: #0b73bd;}
.nsort li:first-child a{color: #0b73bd;}
.nul{margin-top: 3%;}
.nul li{width: 25%;padding: 3.3vw 2.6vw 4vw;border-right:1px solid #eeeeee;transition: all 0.5s;position: relative;}
.ntime{color: #303841;font-size: 28px;font-family: 'Arial';font-weight: bold;line-height: 1;opacity: 0;transition: all 0.5s;}
.nul li h3 a{display: block;color: #303841;font-size: 18px;height: 60px; line-height: 30px;margin: 34px 0 13px;transition: all 0.5s;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.nul li p{color: #999999;font-size: 14px;line-height: 28px; margin-bottom: 2.3vw; display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.nul li .img{display: block;margin: 15px 0 2.3vw;overflow: hidden;}
.nul li .img img{width: 100%;transition: all 0.5s;}
.nmore a{display: block;width: 57px;height: 57px;border-radius: 50%;background: url(../images/jt3.png) no-repeat center;transition: all 0.5s;}
.nul li:hover .nmore a{background:#0b73bd url(../images/jt4.png) no-repeat center;}
.nul li:hover{background-color: #ffffff; box-shadow: 0px 7px 10px 0px  #ebebeb;}
.nul li:hover h3 a{color: #0b73bd;}
.nul li:hover .ntime{opacity: 1;}
.nul li:hover .img img{transform:scale(1.1);}
.nul li:after{content: '';height: 4px; background-color: #0b73bd;display: block;position: absolute;left: 0;bottom: 0;width: 0;transition: all 0.5s;}
.nul li:hover:after{width: 100%;}



.f_link {font-size: 14px;line-height: 24px;}
.f_link a:hover{color: #0b73bd;}



.foot{background-color: #222222;padding: 3.8% 0;margin-top: 0;}
.foot a:hover{color: #0b73bd;}
.fen .bdsharebuttonbox{float:left;height:30px;line-height:30px;}
.fen .bdsharebuttonbox a{display:inline-block;width:30px;height:30px;margin-left: 30px; padding:0;background-position:center;}
.fen .bdsharebuttonbox a.bds_weixin{background:url(../images/f4.png) no-repeat center;width:29px;height:29px; }
.fen .bdsharebuttonbox a.bds_tsina{background:url(../images/f3.png)no-repeat center;width:29px;height:29px;}
.fen .bdsharebuttonbox a.bds_sqq{background:url(../images/f2.png)no-repeat center;width:29px;height:29px;}



.lx{font-size: 16px;color: rgba(255,255,255,.4);margin-top: 30px;}
.dao{margin: 7px 0 45px;text-align: right;}
.dao a{color: #ffffff;font-size: 16px;margin-left: 2.6vw;}
.tewm{position: relative;}
.tewm>img{cursor: pointer;margin-top: 10px;}
.er{position: absolute;left: 0;top:-106px;display: none;}
.er img{width: 100px;cursor: pointer;}
.tewm:hover .er{display: block;}
.bq{text-align: right;color: rgba(255,255,255,.4);font-size: 14px;line-height: 24px;margin-top: 2.5vw;}
.bq a{color: rgba(255,255,255,.4);}
.tleft{width: 32.2%;}
.tlogo img{max-width: 100%;}




@media(max-width: 1500px){
  .dao a{margin-left: 2vw;}
}







@media(max-width: 1300px){
    .aleft h3{font-size: 36px;}
    .sbt span{font-size: 26px;}
    .sbt sup{font-size: 16px;}
    .ybt{bottom: 5%;width: 90%;}
    .ybt p{font-size: 13px;}
    .tright {width: 60%;}
    .himg img{width: 160px}
}

@media(max-width: 1200px){
    .sul li p{font-size: 14px;}
    .aul li .img{width: 100px;height: 100px;line-height: 100px;}
    .bt1 dd{font-size: 30px;}
    .bt1 dt{font-size: 15px;margin-top: 15px;}
    .ying a{font-size: 18px;margin-top: 40px;}
    .ybt h3 a{font-size: 20px;}
    .ybt p{padding-top: 10px;}
    .nul li h3 a{font-size: 16px;line-height: 26px;height: 52px;}
    .dao a{font-size: 14px;}
}


@media(max-width:768px){
    .aleft,.aimg{width: 100%;float: none;margin-left: 0;}
    .aimg{position: relative;margin-top: 30px;}
    .gywm{width: 100%;}
    .aleft h3{font-size: 30px;}
    .box1{padding:40px 3.25%;}
    .aul li p{font-size: 14px;line-height: 24px;}
    .aul li .img{width: 80px;height: 80px;line-height: 80px;}
    .aul li .img img{height: 35px;}
    .mySwiper li h3 a{font-size: 18px;padding-top: 15px;}
    .bt1,.nsort{float: none;width: 100%;text-align: center;}
    .ying a{margin-top: 20px; display: none;}
    .nsort li{width: 25%;text-align: center;margin: 0;}
    .nul li{width: 50%;margin-bottom: 30px;}
    .nul li h3 a{margin-top: 10px;font-size: 14px;line-height: 24px;height: 48px;}
    .tleft,.tright{width: 100%;float: none;}
    .foot{padding: 30px 0;margin-top: 0;}
    .dao,.fen{display: none;}
    .bq{text-align: center;font-size: 12px;line-height: 20px;margin-top: 15px;}
    .lx{font-size: 14px;margin-top: 20px;}
    .himg img{width: 100%}
}


@media(max-width: 640px){
    .box1{padding: 30px 15px;}
    .aleft h3{font-size: 24px;}
    .inaboutl .subtit{font-size: 18px;}
    .acon{font-size: 15px;line-height: 28px;margin-top:20px; color: #666}
    .aul li{width: 100%;display: flex;justify-content: space-between;flex-wrap: nowrap;display: -webkit-flex;margin-bottom: 15px;}
    .aul li .img{margin: 0;}
    .ari{width: calc(100% - 80px);text-align: left;}
    .aul li p{font-size:16px;}
    .aul li p br{display: none;}
    .abt{margin-top: 0;}
    .aul li .img{width: 65px;height: 65px;line-height: 65px;}
    .aul li .img img{height: 30px;}
    .bt1{width: 100%;}
    .bt1 dd{font-size: 24px;}
    .bt1 dt{font-size: 14px;margin-top: 10px;}
    .ying a{font-size: 16px;margin-top: 30px;}
    .yul li{width: 100%;}
    .yul li:hover .ybt{bottom: 8%;}
    .box3{padding: 40px 0;}
    .box4{padding: 30px 0 0 0;}
    .ntime{opacity: 1;font-size: 24px;}
    .page-wrap{padding-top: 20px;}
}












@keyframes warn {
  0% {
    transform: translate(-50%, -50%) scale(0);
    opacity: 0.0;
  }

  5% {
    transform: translate(-50%, -50%) scale(0.05);
    opacity: 0.05;
  }

  10% {
    transform: translate(-50%, -50%) scale(0.1);
    opacity: 0.1;
  }

  15% {
    transform: translate(-50%, -50%) scale(0.15);
    opacity: 0.15;
  }

  20% {
    transform: translate(-50%, -50%) scale(0.2);
    opacity: 0.2;
  }

  25% {
    transform: translate(-50%, -50%) scale(0.25);
    opacity: 0.25;
  }

  30% {
    transform: translate(-50%, -50%) scale(0.3);
    opacity: 0.3;
  }

  35% {
    transform: translate(-50%, -50%) scale(0.35);
    opacity: 0.35;
  }

  40% {
    transform: translate(-50%, -50%) scale(0.4);
    opacity: 0.4;
  }

  45% {
    transform: translate(-50%, -50%) scale(0.45);
    opacity: 0.45;
  }

  50% {
    transform: translate(-50%, -50%) scale(0.5);
    opacity: 0.5;
  }

  60% {
    transform: translate(-50%, -50%) scale(0.60);
    opacity: 0.45;
  }

  65% {
    transform: translate(-50%, -50%) scale(0.65);
    opacity: 0.4;
  }

  70% {
    transform: translate(-50%, -50%) scale(0.7);
    opacity: 0.35;
  }

  75% {
    transform: translate(-50%, -50%) scale(0.75);
    opacity: 0.30;
  }

  80% {
    transform: translate(-50%, -50%) scale(0.80);
    opacity: 0.25;
  }

  85% {
    transform: translate(-50%, -50%) scale(0.85);
    opacity: 0.2;
  }

  90% {
    transform: translate(-50%, -50%) scale(0.90);
    opacity: 0.15;
  }

  95% {
    transform: translate(-50%, -50%) scale(0.95);
    opacity: 0.1;
  }

  100% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0.0;
  }
}









/* 鍙嬫儏閾炬帴 */

.c-link {
    padding: 20px 0;
    font-size: 14px;
    color: #2a333c;
    line-height: 24px;
}

.c-link .con {
    display: flex;
    flex-wrap: wrap;
    position: relative;
}

.c-link span {
    cursor: pointer;
    display: block;
}

.c-link dd{
    width:calc(100% - 70px)
}

.c-link .sec {
    display: none;
    position: absolute;
    bottom: 100%;
    left: 0;
    background: rgba(255,255,255,.6);
    padding: 10px;
    min-width:120px;
}

.c-link a {
    color: #2a333c;
    padding: 0 4px;
    font-size: 14px;
    line-height: 24px;
}




.page-product-inquiry a {
    color: #fff;
}


@media (max-width: 991px) {
    body {
        padding-top: 60px;
    }
}




/*手机底部*/
@media(max-width: 1200px){
  .xypg-right-content{overflow: hidden;}
  .xypg-right-content p img{
           max-width: 100%;
          width: auto !important;
          height: auto !important;
     }
}
@media (max-width:768px){
 .db{display:block!important;}
}


.dbb{height:50px;}

/* 页脚 */
.footer {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999;
  background: #151515;
}

.footer ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.footer ul li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
  color: #ffffff;
  line-height: 30px;padding:10px 0;
  font-size: 0;
}

.footer ul li.active {
  background: #151515;
}

.footer ul li a {
  display: block;color:#fff;
}

.footer ul li .iconfont {
  font-size: 18px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}

.footer ul li span {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;color:#fff;
}


.footer li .icon-home{ background: url(../images/a1.png) no-repeat;width:20px;height:20px;}
.footer li .icon-home2{ background: url(../images/a2.png) no-repeat;width:20px;height:20px;}
.footer li .icon-phone{ background: url(../images/a3.png) no-repeat;width:20px;height:20px;}
.footer li .icon-contact{ background: url(../images/a4.png) no-repeat;width:20px;height:20px;}

.footer li .icon-phone:before{font-size:0;}

.footer ul li a{border-left:1px solid  rgba(255,255,255,.5);}


/* 内页 */
.xypg-left-contact {
}
.page-message-img {
}




.xdao {
    margin-bottom: 64px;
}
.xdao .xypg-left-con{border:none;}
.xdao .xypg-left-nav {
    display: flex;
    margin: 0;
}

.xdao .xypg-left-nav>li {
    width: 14.285%;
    text-align: center;
    background: #f6f7f8;
    border-bottom: none;
    position: relative;
    border:none;
}

.xdao .xypg-left-nav>li .first-nav-btn {
    display: none;
}

.xdao .xypg-left-nav>li>a {
    display: block;
    color: #000000;
    font-size: 16px;
    line-height: 55px;
    padding: 0;
}

.xdao .xypg-left-nav>li>a:hover {
    color: #0b73bd;
}

.xdao .xypg-left-nav>li.clicked>a {
    background: #0b73bd;
    color: #fff;
}

.xdao .xypg-left-nav>li .xypg-left-subnav {
    padding: 0;
    position: absolute;
    top: 55px;
    left: 0;
    width: 100%;
    z-index: 111;
    display: none;
}

.xdao .xypg-left-nav>li .xypg-left-subnav li {
    width: 100%;
    line-height: 55px;
    background: #f4f4f4;
}

.xdao .xypg-left-nav>li .xypg-left-subnav li a {
    display: block;
    color: #000000;
}

.xdao .xypg-left-nav>li .xypg-left-subnav li a:hover {
    color: #eb6e12;
}

.xdao .xypg-left-nav>li:hover .xypg-left-subnav {
    display: block;
}



@media (max-width:990px) {
    .xdao{
        margin-bottom: 35px;
    }
    .xdao .xypg-left-nav>li{
        width: 20%;
    }
}

@media (max-width:600px) {
    .xdao .xypg-left-nav>li{
        width: 30%;
    }
}