@charset "utf-8";
html, body {padding: 0;margin: 0;background: #fff;width: 100%;min-height: 100%;}
* {margin: 0;padding: 0;font-family: Arial, Helvetica, Verdana, 'Microsoft YaHei';border: 0;outline: medium;text-shadow: none;text-decoration: none;}
body {color: #444;font-size: 14px;overflow-x: hidden; position: relative;-webkit-text-size-adjust: none;-ms-text-size-adjust: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
input {vertical-align: middle;}
textarea {resize: none;}
ul {list-style: none;}
img, {display: block;}
a{color: #444;text-decoration: none;}
a:hover{color: #444;text-decoration: none;}
i, em {font-style: normal;}
p{margin-bottom: 0px;}
ul{margin-bottom: 0px;}
.c10{color: #0054a8;}
.clear{clear: both;}
/*input placeholder 样式 */
::-webkit-input-placeholder {color: #999999;}
:-moz-placeholder {color: #999999;}
::-moz-placeholder {color: #999999;}
:-ms-input-placeholder {color: #999999;}

.over-line-1 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.over-line-2 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.over-line-3 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;overflow: hidden;}
.over-line-4 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:4;overflow: hidden;}

/*修改滚动条*/
::-webkit-scrollbar{width:6px;height:6px ;}
::-webkit-scrollbar-track{box-shadow: inset 0 0 6px transparent;background: #f8f8f8;border-radius: 6px;}
::-webkit-scrollbar-thumb{border-radius: 6px;background: #bbb;}
@font-face {font-family:fz;src: url('../css/bahnschrift.ttf');}
#dituContent label {max-width: unset!important;text-align: center;}
.pf_12{font-size: 12px;line-height: 25px;}
.pf_16{font-size: 16px;line-height: 30px;}
.pf_18{font-size: 18px;line-height: 30px;}
.pf_22{font-size: 22px;line-height: 35px;}
.pf_24{font-size: 24px;line-height: 35px;}
.pf_26{font-size: 26px;line-height: 40px;}
.pf_28{font-size: 28px;line-height: 45px;}
.pf_30{font-size: 30px;line-height: 45px;}
.pf_32{font-size: 32px;line-height: 45px;}
.pf_36{font-size: 36px;line-height: 50px;}
/*top*/
.top{position: relative;z-index: 888;width: 100%;background: #fff;top:0;}
.toplan{line-height: 35px;height: 35px;border-bottom: 1px solid #eee;text-align: right;}
.toplan a{transition:.4s;}
.toplan a:hover{color: #0054a8}
.topa a{float: left; display: block;border-right: 1px solid #e5e5e5;padding-right: 1rem;margin-right: 1rem;}
.topa img{max-width: 100%;}
.topa_a {float: left;}
.topa_a strong{display: block;font-size: 17px;line-height: 40px;border-bottom: 1px dashed #e5e5e5;text-transform: uppercase;font-family: fz;}
.topa_a strong b{color: #0054a8;font-family: fz;font-size: 22px;}
.topa_a p{color: #777;}
.menu li{position: relative; text-align: center;height: 100%;transition:.4s;}
.menu li a{display: block;height: 60px;line-height: 60px;font-size: 16px;color: #000;text-transform: uppercase;font-weight: bold;font-family:fz； }
.menu li a em{display: block;height: 0px;line-height: 25px; overflow: hidden;transition:.4s;}
.menu li i{font-size: 22px;height: 30px;overflow: hidden;}
.menu li:hover{background: #0054a8;}
.menu li:hover a{color: #fff;line-height: 25px;}
.menu li:hover a em{height: 25px;}

.toptel{height: auto;overflow: hidden;background: url(../images/toptel.png) left  no-repeat;padding-left:55px;float: right;}
.toptel span{display: block;line-height: 30px;color: #777;}
.toptel strong{font-size: 24px;color: #0054a8;font-family: fz;}
.mobmenu {position: relative;}
.mobmenu .toolbar{position: relative;}
.mobmenu .flex-control-nav{background: #ddd;float: left;width: 3%;}
.mobmenu .code{-moz-border-radius:.3em;-webkit-border-radius:.3em;border-radius:.3em;color:#000;font-family:'Fira mono', 'Courier New', Courier, monospace;font-size:85%;letter-spacing:.05em;padding:1em;}
.mobmenu .aligncontent-center {text-align: center;}
.mobmenu .main-header {text-align: center;font-weight:300;font-size: 90%;}
.mobmenu .menu-button {position: absolute;height: 25px;width: 25px;right: 0px;top: -24px;}
.mobmenu .menu-left {float: right;}
.mobmenu .sidebar{display: none;width: 100%;height: 2000%;margin: 0;left:0; position: fixed;top: 0;z-index: 9999;}
.mobmenu .menu-button i{font-size: 22px;color:#0079ce}
.mobmenu .sidebar > .bg-cover{display: block;position: absolute;top: 0;left: 0;z-index: -1;width: 100%;height: 2000%;background: rgba(0,0,0,.5);}
.mobmenu .sidebar nav{float: left;width: 260px;height: 100%;margin-left: -260px;color: white;background:rgba(255,255,255,0.9);}
.mobmenu .sidebar ul{padding:10%;}
.mobmenu .sidebar li a{display: block;line-height: 50px;border-bottom: 1px solid rgba(255,255,255,.5);transition:.4s;}
.mobmenu .sidebar li i{color: #666;font-size: 18px;}
.mobmenu .sidebar li a:hover{color: #0079ce;}
/*首页大图*/
.banner {position: relative;height: auto !important;z-index: 1}
.banner .swiper-wrapper{height: auto !important;}
.banner #bannerSwiper {height: auto !important;}
.banner .swiper-slide {position: relative;height: auto !important;float: left;}
.banner .swiper-slide a{display:block;width:100%;height: auto !important;}
.banner .swiper-slide a img{ width: 100%; height: auto;}
.banner .swiper-pagination{bottom: 40px !important; }
.banner .swiper-pagination-bullet{width: 7px;height:7px;border-radius: 40px;background: #1cb170;opacity: 1;transition:.4s;}
.banner .swiper-pagination-bullet-active{width:40px;}
/*in_01*/
.intita{height: auto;overflow: hidden;text-align: center;}
.intita strong{display: block;color: #111;text-transform: uppercase;font-family: fz;}
.intita i{display: block;background: url(../images/intit.png) center no-repeat;height: 23px;margin:.5rem 0;}
.intita p{color: #777;text-transform: uppercase;}
.in01a .gallery-thumbs .swiper-wrapper {padding: 1rem 0;}
.in01a .gallery-thumbs .swiper-slide {text-align: center;cursor: pointer;transition:.4s;padding: .5rem 0;}
.in01a .gallery-thumbs .swiper-slide em{display: block;position: relative; width: 67px;height: 65px;padding-top:5px; border: 7px solid #f1f2f3;transition:.4s; border-radius: 60px;margin:0 auto;}
.in01a .gallery-thumbs .swiper-slide i{font-size: 26px;transition:.4s;}
.in01a .gallery-thumbs .swiper-slide i:nth-of-type(2){position: absolute;z-index: -1;left:50%;bottom:4%; content: "";width: 20px;height: 20px;border-radius: 50px;background: #7fa9d3}
.in01a .gallery-thumbs .swiper-slide span{line-height: 40px;}
.in01a .gallery-thumbs .swiper-slide:hover i:nth-of-type(2){background:#8dd8b7}
.in01a .gallery-thumbs .swiper-slide:hover em{border: 7px solid #ccc;}
.in01a .gallery-thumbs .swiper-slide:hover span{color: #1cb170;transition:.4s;}
.in01a .gallery-thumbs .swiper-slide-thumb-active i:nth-of-type(2){background:#8dd8b7}
.in01a .gallery-thumbs .swiper-slide-thumb-active em{border: 7px solid #ccc;}
.in01a .gallery-thumbs .swiper-slide-thumb-active span{color: #1cb170}

.in01a .swiper-pagination{bottom: 40px !important; }
.in01a .swiper-button-prev{color: #fff;background: rgba(38,73,157,.8);left:0px;width: 40px;height: 50px;line-height: 50px;transition:.4s}
.in01a .swiper-button-prev:hover{background: #d50000;}
.in01a .swiper-button-prev i{font-size: 36px;}
.in01a .swiper-button-next{color: #fff;background: rgba(38,73,157,.8);right:0px;width: 40px;height: 50px;line-height: 50px;transition:.4s}
.in01a .swiper-button-next:hover{background: #d50000;}
.in01a .swiper-button-next i{font-size: 36px;}
.in01a .swiper-button-prev::after{display: none;}
.in01a .swiper-button-next::after{display: none;}

.in01a_a a{display: block; height: auto;overflow: hidden;position: relative;border: 1px solid #2a6bad;}
.in01a_a i{position: absolute;z-index: 2;right:0;top:0;background: url(../images/in01a.png) right top no-repeat;width: 137px;height:156px; }
.in01a_a img{display: block;width: 100%;}
.in01b {height: auto;overflow: hidden;background: #0054a8;color: #fff;}
.in01a .gallery-top .swiper-slide{height: auto;overflow: hidden;background: #0054a8;}
.in01b_a strong{display: block;margin-top: 1rem; color: rgba(255,255,255,.2);text-transform: uppercase;}
.in01b_a span{display: block;overflow: hidden; border-bottom: 1px solid rgba(255,255,255,.1);font-weight: bold;}
.in01b_a p{line-height:40px;color: rgba(255,255,255,.9);}
.inmorea a{display: block;width: 48%;line-height: 45px;background: #1cb170;color: #fff;text-align: center;transition:.4s;margin-top: 12px;}
.inmorea a:hover{background: #07864f;}

.jw-controlbar{width: 100%;}
/*in_02*/
.in_02{height: auto;overflow: hidden;background: #f7f8fc;}
.in02a{position: relative;}
.in02a .gallery-thumbs .swiper-slide{cursor: pointer;background: #0054a8;color: #fff;}
.in02a .gallery-thumbs .swiper-slide strong{display: block;line-height: 40px;font-size: 40px;font-family: fz;text-align: right;background: url(../images/in02b.png) left center no-repeat;}
.in02a .gallery-thumbs .swiper-slide span{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;line-height:40px;font-size: 16px;font-weight: 100;font-family: fz;text-transform: uppercase;}
.in02a .gallery-thumbs .swiper-slide span i{font-size: 22px;}
.in02a .gallery-thumbs .swiper-slide-thumb-active{background: #1cb170;}
.in02a .gallery-top .swiper-slide{height: auto;overflow: hidden;background: #fff;}
.in02a {height: auto;overflow: hidden;}
.in02a .gallery-top .swiper-slide img{width: 100%;}
.in02a .swiper-button-next:after, .in02a .swiper-button-prev:after{display: none;}
.in02c img{width: 100%;}
.in02b{height: auto;overflow: hidden;width: 66%;}
.in02b strong {display: block;border-bottom: 1px solid #e0e7ee;font-size: 14px;color: #777;text-transform: uppercase;font-weight: normal;margin-bottom: 1rem;padding-bottom: 1rem;}
.in02b strong span{float: left;position: relative; padding-right: 1rem; font-size: 50px;color: #0054a8;font-family: fz;font-weight: bold;margin-right: 1rem;}
.in02b strong span::before{position: absolute;content: "";width: 1px;height: 60%;background: #d8e1ea;right:0;top:15%;}
.in02b strong span::after{position: absolute;content: "";height: 8px;right:-4px; width: 8px;background: #0054a8;border-radius: 10px; animation: myfirst 2s infinite linear;
    -webkit-animation: myfirst 2s infinite linear;}
.in02b strong b{display: block;color: #444;font-weight: bold;}
.in02b p{line-height: 30px;}
.in02b img{max-width: 100%;}
.in02b i{display: block;background: #0054a8;line-height: 55px;border-radius: 60px;text-align: center;color: #fff;width: 70%;font-size: 15px;}
@-webkit-keyframes myfirst {
    from {top:10%;}
    to {top: 75%;}
}
@-moz-keyframes myfirst {
    from {top:10%;}
    to {top: 75%;}
}
@-ms-keyframes myfirst {
    from {top:10%;}
    to {top: 75%;}
}
@-o-keyframes myfirst {
    from {top:10%;}
    to {top: 75%;}
}
@keyframes myfirst {
    from {top:10%;}
    to {top: 75%;}
}
/*in_03*/
.in_03{height: auto;overflow: hidden;}
.box{width:100%;height: auto;overflow: hidden;}
.box .in03a{width: 25%;float: left; transition: all .6s;position: relative;}
.box .in03c{position: absolute;z-index: 1;bottom: -100%;left:0;transition:.4s;color: rgba(0,84,168,.7);
    background: linear-gradient(to top, rgba(255,255,255,1) 10%,rgba(255,255,255,0.5)60%, rgba(255,255,255,0)100%);width: 100%;text-transform: uppercase;}
.box .in03c span{font-size: 22px;color: #0054a8;}
.box .in03b{position: absolute;z-index: 2;top:0;left:0;background: rgba(0,84,168,.8);width: 100%;height: 100%;text-align: center;padding-top: 80%;transition:.4s;}
.box .in03b em{display: block;width: 65px;line-height: 52px;padding-top: .25rem; border: 1px solid rgba(255,255,255,1);border-radius: 70px;transition:.4s;text-align: center;margin:0 auto;}
.box .in03b em i{font-size: 30px;color: #fff;transition:.4s;}
.box .in03b span{display: block;margin-top: 1rem;line-height: 30px;color: #fff;transition:.4s;}
.box .in03b p{line-height: 25px;color: rgba(255,255,255,.7);text-transform: uppercase;font-size: 16px;margin-top: .5rem;}
.box img{width: 960px;cursor: pointer;}
.box:hover .in03a{width: 15%;}
.box .in03a:hover{width: 55%;}
.box .in03a:hover .in03b{background: rgba(0,84,168,0);padding-top:58%;opacity: 0;}
.box .in03a:hover .in03c{bottom: 0;}
.box .in03a:hover .in03b em{border: 1px solid #0054a8;}
.box .in03a:hover .in03b i{color:#0054a8;}
.box .in03a:hover .in03b span{color:#0054a8;}
.box .in03a:hover .in03b p{color:rgba(0,84,168,.8);}

/*in_04*/
.in_04{height: auto;overflow: hidden;background:url(../images/in04bg.jpg) center no-repeat fixed;}
.in_04 li:nth-of-type(3) i{font-size: 26px;}
.in_04 li:nth-of-type(4) i{font-size: 24px;}
.in_04 li:nth-of-type(5) i{font-size: 26px;}
.intitb{height: auto;overflow: hidden;text-align: center;}
.intitb strong{display: block;color: #fff;text-transform: uppercase;font-family: fz;}
.intitb i{display: block;background: url(../images/intita.png) center no-repeat;height: 23px;margin:.5rem 0;}
.intitb p{color: #fff;line-height: 30px;font-size: 16px;text-transform: uppercase;}
.in04a{background:url(../images/in04a.jpg) .5rem 1.5rem no-repeat #f5f8fd;text-align: center;}
.in04a em{display: block;width: 58px;line-height: 45px;padding-top: .5rem;position: relative; background: #0054a8;border-radius: 60px;text-align: center;color: #fff;margin:0 auto;
    -webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s;
    -moz-transition: -moz-transform ease-out 0.1s, background 0.2s;
    transition: transform ease-out 0.1s, background 0.2s;transition:.4s;
}
.in04a em:after{position: absolute;content: "";display: block;width: 60px;height: 60px;border-radius: 60px; 
    top: -1px;
    left: -1px;
    z-index: -1;
    box-shadow: 0 0 0 2px rgba(0,84,168,0.1);
    opacity: 0;
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
}
.in04a:hover em {
    background: rgba(0,84,168,1);
    -webkit-transform: scale(0.93);
    -moz-transform: scale(0.93);
    -ms-transform: scale(0.93);
    transform: scale(0.93);
    color: #fff;
}
.in04a:hover em:after {
    -webkit-animation: sonarEffect 1.3s ease-out 75ms infinite;
    -moz-animation: sonarEffect 1.3s ease-out 75ms infinite;
    animation: sonarEffect 1.3s ease-out 75ms infinite;
}
@-webkit-keyframes sonarEffect {
    0% {
        opacity: 0.3;
        background: rgba(0,84,168,1);
    }
    40% {
        opacity: 0.5;
        background: rgba(0,84,168,1);
        box-shadow: 0 0 0 2px rgba(0,84,168,0.1), 0 0 10px 10px #0054a8, 0 0 0 10px rgba(0,84,168,0.5);
    }
    100% {
        box-shadow: 0 0 0 2px rgba(0,84,168,0.1), 0 0 10px 10px #0054a8, 0 0 0 10px rgba(0,84,168,0.5);
        -webkit-transform: scale(1.2);
        background: rgba(0,84,168,1);
        opacity: 0;
    }
}
@-moz-keyframes sonarEffect {
    0% {
        opacity: 0.3;
    }
    40% {
        opacity: 0.5;
        box-shadow: 0 0 0 2px rgba(0,84,168,0.1), 0 0 10px 10px #0054a8, 0 0 0 10px rgba(0,84,168,0.5);
    }
    100% {
        box-shadow: 0 0 0 2px rgba(0,84,168,0.1), 0 0 10px 10px #0054a8, 0 0 0 10px rgba(0,84,168,0.5);
        -moz-transform: scale(1.2);
        opacity: 0;
    }
}
@keyframes sonarEffect {
    0% {
        opacity: 0.3;
    }
    40% {
        opacity: 0.5;
        box-shadow: 0 0 0 2px rgba(0,84,168,0.1), 0 0 10px 10px #0054a8, 0 0 0 10px rgba(0,84,168,0.5);
    }
    100% {
        box-shadow: 0 0 0 2px rgba(0,84,168,0.1), 0 0 10px 10px #0054a8, 0 0 0 10px rgba(0,84,168,0.5);
        transform: scale(1.2);
        opacity: 0;
    }
}
.in04a em i{font-size: 30px;}
.in04a span{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;line-height: 25px;font-size: 16px;margin-top: .5rem;}
/*in_05*/
.in_05{height: auto;overflow: hidden;background: url(../images/in05bg.jpg) center no-repeat;}
.in05b img{display: block;width: 100%;}
.in05a span{display: block;font-weight: 100;}
.in05a i{display: block;background: #0054a8;line-height: 45px;color: #fff;text-align: center;width: 70%;}
.in05a p{line-height: 30px;color: #777;border-bottom: 1px solid #e6e6e6;}
.in05a p a{color: #0054a8;transition:.4s;}
.in05a p a:hover{color: #444;}
.in05b .gallery-top .swiper-slide li img{width: 100%;}
.in05b .gallery-thumbs .swiper-slide{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;font-size: 16px;font-weight: bold;color: #111;position: relative;text-transform: uppercase;}
.in05b .gallery-thumbs .swiper-slide::after{position: absolute;content: "";bottom: 0;left:0;height: 2px;background: #0054a8;width: 0px;transition:.4s;}
.in05b .gallery-thumbs .swiper-slide-thumb-active{color: #0054a8;position: relative;transition:.4s;}
.in05b .gallery-thumbs .swiper-slide-thumb-active::after{width: 80px;}

.in05ca{height: auto;overflow: hidden;margin-top: 40px;}
.in05ca span{display: block;text-align: center;background: url(../images/in05a.png) center no-repeat;}
.in05ca strong{font-size: 40px;position: relative;font-family: fz;}
.in05ca em{border-radius: 15px;color: #fff;padding: 5px;background: #2f91ff;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #0ebdff, #19a8ff, #2f91ff);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #0ebdff, #19a8ff, #2f91ff); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.in05ca p{line-height: 30px;font-size: 16px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.p_imga{display: block;width: 100%;height: 0;padding-bottom: 70%;position: relative;overflow: hidden;}
.p_imga img{transition: all 1s ease;width: 100%;height: 100%;object-fit: cover;left: 0;position: absolute;}
.in05b .gallery-top .swiper-slide a{display: block;}
.in05b .gallery-top .swiper-slide a:hover img{transform: scale(1.05, 1.05)}


.in_06{height: auto;overflow: hidden;background:url(../images/in06bg.jpg) center no-repeat fixed;}
.in06b{height: auto;overflow: hidden;}
.in06a .swiper-slide a{display: block;transition: all 1s ease}
.in06a .swiper-slide:hover a{transform: translate3d(0,-10px,0);box-shadow: rgba(0,0,0,0.3) 0px   6px 15px;}
.in06a img{display: block;max-width: 100%;}
.in06b strong{display: block;line-height: 50px;font-family: impact;color: #0054a8;font-size:32px;}
.in06b i{display: block;text-decoration: underline;color: #777;}
.in06b p{line-height: 25px;color: #777;}
/*脚步*/
.footer{height: auto;overflow: hidden;background: url(../images/footbg.jpg) bottom repeat fixed;color: #fff;}
.foota{line-height: 50px;height: 50px;overflow: hidden; border-bottom: 1px solid rgba(255,255,255,.1)}
.foota li{float: left;width: 14.2%;}
.foota li a{display: block;color: rgba(255,255,255,.7);transition:.4s;}
.foota li:hover a{color: #fff;}
.footb li{border-right: 1px solid rgba(255,255,255,.1);line-height: 35px;}
.footb li p{}
.footb li a{float: left;width: 50%; display: block;color: #fff;transition:.4s;}
.footb li a:hover{color:rgba(255,255,255,.4);}
.footb li a i{float: left;margin-right: .5rem; font-size: 30px;}
.footb li:nth-of-type(2){text-align: center;}
.footb li:nth-of-type(3){border-right:none;}
.footb li span{display: block;line-height: 35px;}
.footb li strong{display: block;line-height: 35px;font-size: 30px;font-family: impact;}
.footd {text-align: center;}
.footd img{display: block;border: 1px solid rgba(255,255,255,.1);padding: 5px;margin:0 auto;}
.footd span{display: block;line-height: 40px;}
.footc{line-height: 70px;color: rgba(255,255,255,.4);border-top: 1px solid rgba(255,255,255,.1);}
.footc a{color: rgba(255,255,255,.8);transition: .4s}
.footc a:hover{color: #fff}

/*简介*/
.ban{display: flex;align-items:center; height: 400px;overflow: hidden;background: url(../images/ban.jpg) center no-repeat;text-align: center;}
.ban strong{display: block;line-height:50px;font-size: 34px;color: #fff;font-weight: normal;}
.ban i{display: block;width: 30px;height: 1px;background: #fff;margin:1rem auto;}
.ban p{line-height: 35px;color: rgba(255,255,255,.6);font-size: 36px;text-transform: uppercase;font-family: fz;}
.location{height: auto;line-height: 60px;overflow: hidden; color: #777;border-bottom: 1px solid rgba(0,0,0,.1);}
.locationa a{transition:.4s;color: #777;}
.locationa a:hover{color: #0054a8;}
.location i{color: #0054a8;}
.location span{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;position: relative;text-align: center;transition:.4s;}
.location span::before{position: absolute;content: "";left:0; height: 100%;width: 0px;background: #0054a8;z-index: -1;transition:.4s;}
.location span:hover{color: #fff;}
.location span:hover::before{width: 100%;color: #fff;}

.footnav{left: 0;bottom:0;width: 100%;position: fixed;background:#fff;z-index: 888;border-top: 1px solid #f6f6f6;}
.footnav li{float: left;text-align: center;width: 25%;}
.footnav li a{border-right: 1px solid #f6f6f6;}
.footnav li i{font-size: 20px;}
.footnav li span{display: block;line-height: 25px;color: #666;font-size: 12px;}
.footnav li a{display: block;padding-top:4%;color:#333;transition:.4s;}
.footnav li a:hover{background: #c40000;color: #fff;}
.footnav li a:hover span{color: #fff;}
/*简介*/
.companya {height: auto;overflow: hidden;background: url(../images/comabg.jpg) center no-repeat #f7f8fa;}
.companya img{max-width: 100%;}
.companya p{line-height: 30px;color: #777;}
.companya li i{font-size: 40px;float: left;margin-right: .5rem;color: #0054a8}
.companya li strong{display: block;}
.companya li p{text-transform: uppercase;color: #777;}

.companyb{height: auto;overflow: hidden;background: url(../images/combbg.jpg) center no-repeat;color: #fff;}
.companyb span{font-family:fz;text-transform: uppercase;}
.companyb i{display: block;width: 40px;height: 2px;background: #fff;margin:2rem 0;}
.companyc{height: auto;overflow: hidden;background: url(../images/comcbg.jpg) center no-repeat;}
.comc_a {border-bottom: 1px solid rgba(0,0,0,.1)}
.comc_a strong{display: block;color: rgba(0,0,0,.2);text-transform: uppercase;}
.comc_a span{display: block;color: #777;}
.comc_a span b{color: #222; }
.comc_c ul{width: 60%; }
.comc_c ul li{line-height: 50px;height: 50px;overflow: hidden; }
.comc_c ul em{float: left;width: 25%; }
.comc_c ul em i{color: #0054a8}
.comc_c ul em:nth-of-type(1){float: left;width:10%; }
.comc_c ul em:nth-of-type(2){float: left;width:40%; }
.comc_d li{float: left;width: 49%;margin-right: 2%;position: relative;}
.comc_d li:nth-of-type(1){padding-top:10%;animation: ana 2s infinite linear;
    -webkit-animation: ana 2s infinite linear;-webkit-animation-direction:alternate;}
.comc_d li:nth-of-type(2){margin-right: 0px;animation: anb 2s infinite linear;
    -webkit-animation: anb 2s infinite linear;-webkit-animation-direction:alternate;}
.comc_d li img{width: 100%;}
@-webkit-keyframes ana {
    from {padding-top:10%;}
    to {padding-top:0px;}
}
@-moz-keyframes ana {
    from {padding-top:10%;}
    to {padding-top:0px;}
}
@-ms-keyframes ana {
    from {padding-top:10%;}
    to {padding-top:0px;}
}
@-o-keyframes ana {
    from {padding-top:10%;}
    to {padding-top:0px;}
}
@keyframes ana {
    from {padding-top:10%;}
    to {padding-top:0px;}
}

@-webkit-keyframes anb {
    from {padding-top:0px;}
    to {padding-top:10%;}
}
@-moz-keyframes anb {
    from {padding-top:0px;}
    to {padding-top:10%;}
}
@-ms-keyframes anb {
    from {padding-top:0px;}
    to {padding-top:10%;}
}
@-o-keyframes anb {
    from {padding-top:0px;}
    to {padding-top:10%;}
}
@keyframes anb {
    from {padding-top:0px;}
    to {padding-top:10%;}
}
.morea{display: block;line-height: 50px;background: #0054a8;margin-top: 5rem;width: 80%;text-align: center;transition:.4s;}
.morea a{display: block;color: #fff;}
.morea:hover{background: #1cb170;}
.comc_e .swiper-slide a{height: auto;overflow: hidden;position: relative;}
.comc_e .swiper-slide .comc_f{position: absolute;z-index: 2;background: rgba(0,0,0,0);opacity: 0; width: 100%;overflow: hidden; transition:.4s; text-align: center;color: #fff;}
.comc_e .swiper-slide .comc_f i{font-size: 24px;}
.comc_e .swiper-slide .comc_f em{display: block;width: 1px;height: 25px;background: rgba(255,255,255,.7);margin:0 auto;}
.comc_e .swiper-slide .comc_f span{display: block;line-height: 30px;}
.comc_e .swiper-slide:hover .comc_f {padding:20% 0;background: rgba(0,0,0,.7);opacity: 1;}
.comc_e .swiper-slide img{width: 100%;}

.companyd{height: auto;overflow: hidden;background: url(../images/comdbg.jpg) center no-repeat;padding: 5rem 0;color: #fff;}
.comtit{text-align: center;}
.comtit p{width: 80%;margin:0 auto;}
.com_f b{display: block;width: 25%;line-height: 45px; font-weight: normal;margin:0 .5rem;background: #0054a8;color: #fff;}
.comd_a li{text-align: center;}
.comd_a li:nth-of-type(2) em i{font-size: 32px;}
.comd_a li span{line-height: 35px;margin:.5rem;}
.comd_a li b{display: block;width: 70px;line-height: 65px;border-radius: 50px; font-weight: normal;padding: 5px;background: rgba(255,255,255,.6);margin:0 auto;}
.comd_a li b em{display: block;width: 60px;line-height:55px;background: rgba(255,255,255,1);border-radius: 50px;text-align: center;}
.comd_a li b em i{font-size: 30px;color: #0054a8;}

.come_a .swiper-slide a{display: block; height: auto;overflow: hidden;position: relative;top:0;}
.come_a .swiper-slide a:hover .come_b{background: rgba(0,84,168,.6);opacity: 1;}
.come_a .swiper-slide img{width: 100%;}
.come_b{position: absolute;z-index: 2;top:0;left:0;height: 100%;overflow: hidden;background: rgba(0,84,168,0);opacity: 0; color: #fff;text-align: center;transition:.4s;
    width: 100%;padding: 3rem;}
.come_c{height: auto;overflow: hidden; border: 1px solid #fff;padding: 4rem;}
.come_c span{display: block;}
.come_c em{display: block;height: 30px;width: 1px;background: #fff;margin:1rem auto;}
.come_c p{text-transform: uppercase;}
.come_c i{font-size: 32px;}
.come_c i:nth-of-type(1){display: block; margin-bottom: 4.7rem;}
.come_c i:nth-of-type(2){display: block; margin-top: 4.7rem;}

/*content_product*/
.producta{height: auto;overflow: hidden;}
.typelist{height: auto;overflow: hidden;}
.typelist:nth-of-type(2n+0){height: auto;overflow: hidden;background:#f4f6f8}
.typea{height: auto;overflow: hidden;width: 100%;}
.typea p{color: #777}
.typea span{display: block;line-height:65px;font-size: 22px;}
.typea span a{display: block;transition:.4s;}
.typea span:hover a{color: #c40000;}
.typea em{float: left;text-align: center;display: block;position: relative; width: 67px;height: 65px;line-height: 45px; padding-top:5px; border: 7px solid #f1f2f3;border-radius: 60px;
    margin-right: .5rem;}
.typea i{font-size: 26px;transition:.4s;z-index: 2;position: relative;}
.typea i:nth-of-type(2){position: absolute;z-index: 1;left:50%;bottom:4%; content: "";width: 20px;height: 20px;border-radius: 50px;background: #7fa9d3}

.typeb{ clear:both; height: auto;overflow: hidden;}
.typeb img{display: block;max-width: 100%;transition:.4s;}
.typeb span{display: block;line-height: 55px;background: #fff;transition:.4s;}
.typeb span i{float: right;}
.typeb .swiper-slide a {display: block;}
.typeb .swiper-slide a:hover .inimga img{transform: scale(1.02)}
.typeb .swiper-slide a:hover span{background: #1cb170;color: #fff;}
.ptypea{width: 30%;}
.ptypea a{float: left;margin-right: 2%; display: block;width: 60%;border: 1px solid #0054a8;line-height: 35px;margin-top: .25rem; text-align: center;border-radius: 80px;color: #0054a8;transition:.4s;}
.ptypea a:hover{background: #777;color: #fff;border: 1px solid #777}
.ptypea a:nth-of-type(2){float: right;width: 38%;margin-right: 0px;background: #fafafa;border: 1px solid #ececec;color: #444;}
.ptypea a:nth-of-type(2):hover{background: #777;border: 1px solid #777;color: #fff;}

.prolist .row{padding-left: 15px !important;padding-right: 15px !important;}
.prolist .col-xl-3{padding-left: 0.5% !important;padding-right: 0.5% !important;}
.prolist li a{display: block;}
.prolist li a:hover .pfonta i{width: 40px;}
.prolist li a:hover .inimga span {bottom: 0px;}
.prolist li a:hover img{transform: scale(1.05)}
.prolist li img{display: block;max-width: 100%;transition: all .5s ease 0s;}
.inimga{border: 1px solid #eee;
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 75%;
    position: relative;
    overflow: hidden;}
.inimga img {display: block;
    transition: all .5s ease 0s;
    width: 100%;
    height: 100%;
    object-fit: cover;
    left: 0;
    position: absolute;}
.inimga i {position: absolute;z-index: 2;right: 0;top: 0;background: url(../images/pimga.png) right top no-repeat;width: 110px;height: 110px;}
.inimga span {position: absolute;bottom: -50px;left: 0;z-index: 3; text-indent: 2em; line-height: 50px; width: 100%;background: rgba(0, 0, 0, .5);color: #fff;transition: all .5s ease 0s;}
.pfonta{height: auto;overflow: hidden;background: #f4f6f8}
.pfonta span{display: block;}
.pfonta i{display: block;width: 20px;height: 2px; background: #0054a8;margin:1rem 0;transition:all .6s ease 0s;}
.pfonta p{line-height: 25px;color: #777;margin:1rem 0;}
.pfonta em{display: block;line-height: 30px;color: #777;text-transform: uppercase;font-size: 12px;}

.typeside {position: fixed;left:1%;bottom: 10%;width: 180px;border: 1px solid #eee;z-index: 88;background: #f4f6f8;}
.typeside li{line-height: 45px;height: 45px;transition:.4s;}
.typeside li a{border-bottom: 1px dashed #e5e5e5;}
.typeside li:hover {background: #0054a8;}
.typeside li:hover a{color: #fff;}
.sidetita{height:70px;overflow: hidden;background:#0054a8;color: #fff;text-align: center;padding-top: 1rem;}
.sidetita h5 {line-height: 40px;height: 40px;margin-bottom: 0px;font-size: 22px;}
.sidetita h5 small{font-size: 14px;}
.sidetita strong{display: block;font-size: 60px;color: #024a92;line-height: 50px;height: 50px; text-transform: uppercase;font-family: impact;}
.typeside li.current{background: #0054a8;}
.typeside li.current a{color: #fff;}
.cptop{text-align: center;font-size: 28px;line-height: 45px;font-family: fz;color: #e77745;cursor: pointer;transition:.4s;}
.cptop i{font-size: 22px;}
.cptop:hover{color: #0054a8;}
.cptop:hover i{color: #0054a8;}

/*产品详情*/
.proa{height: auto;overflow: hidden;background: #fff;}
.proa .row{height: auto;overflow: hidden;background: #0054a8;}
.proa_a{height: auto;overflow: hidden;background: url(../images/proa.png) left  no-repeat;padding-left: 6rem;}
.proa_a b{display: block;font-weight: normal;line-height: 25px;}
.proa_a p{font-family: impact;line-height: 35px;font-size: 24px;}
.prob{line-height: 30px;color: #777;}
.prob img{max-width: 100%;}
.proc img{width: 100%;}
.ptita {height: auto;overflow: hidden;border-bottom: 1px solid rgba(0,0,0,.1); color: #777;line-height: 50px;}
.ptita i{color: #777;}
.ptita span{text-transform: uppercase;}
.ptita span b{color: #444;font-size: 26px;}

.proc_a img{width: 100%;}
.proe .swiper-slide {text-align: center;}
.proe .swiper-slide a{display: block;}
.proe .swiper-slide a:hover span{background: #0054a8;color: #fff;}
.proe .swiper-slide a:hover img{transform: scale(1.05)}
.proe .swiper-slide span{background: #f5f5f5;line-height: 60px;transition:.4s;}

.prob table { width: 100%!important;border-collapse: collapse;} 
.prob table p{ width: 100%!important; border-collapse: collapse;} 
.prob th,tr{width: 100%!important; border-collapse: collapse;border: 1px solid #a7a7a7;}
.prob tr{border-right: 1px solid #a7a7a7;text-align: center;line-height: 45px;}
.prob tr td{border-left: 1px solid #a7a7a7}



.ptit{line-height: 60px;background: #f6f6f6;}
.ptit li{text-align: center;}
.ptit li a{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;transition:.4s;font-weight: bold;text-transform: uppercase;}
.ptit li:hover a{background: #0054a8;color: #fff;}
.prod img{max-width: 100%;}

.proc li:hover .proc_d{background: rgba(0,84,168,.8);opacity: 1;top:0;}
.proc_a{position: relative;height: auto;overflow: hidden;}
.proc_d{position: absolute;z-index: 2;left:0;height: 100%;overflow: hidden;background: rgba(0,84,168,0);opacity: 0;top:20%; color: #fff;text-align: center;transition:.4s;
    width: 100%;padding: 1rem;}
.proc_e{height: auto;overflow: hidden; border: 1px solid #fff;padding: 5rem;}
.proc_e strong{font-family: fz;text-transform: uppercase;}
.proc_e em{display: block;height: 50px;width: 1px;background:rgba(255,255,255,.7);margin:1rem auto;}
.proc_e p{color: rgba(255,255,255,.8);line-height: 25px;}
/*案例展示*/
.casea{height: auto;overflow: hidden;}
.casetit {text-align: center;}
.casetit span{display: block;}
.casetit p{line-height: 30px;width: 80%;margin:0 auto;color: #777;}
.casea li {text-align: center;}
.casea li em{display: block;width: 100px;line-height: 90px;text-align: center;border: 1px solid #9bacb8;border-radius: 15px;margin:0 auto;transition:.4s;}
.casea li em i{font-size: 36px;color: #9bacb8;}
.casea li:hover em{background: #005cb9;}
.casea li:hover em i{color: #fff;}
.casea li:hover span{color: #005cb9;}
.casea li:nth-of-type(4) em i{font-size: 44px;}
.casea li:nth-of-type(5) em i{font-size: 40px;}
.casea li span{display: block;font-size: 16px;line-height: 40px;}
.casea li p{line-height: 30px;width: 70%;margin:0 auto;}
.caseb{height: auto;overflow: hidden;background: #f5f7fa;}
.caseba{line-height: 30px;}
.caseba span{display: block;font-weight:400;line-height: 30px;color: #777;}
.caseba .left{float: left;width: 48%;}
.caseba .right{float: right;width: 50%;}
.casebb {clear: both;}
.casebb a{display: block;width: 230px;line-height: 50px;text-align: center;background: #005cb9;border-radius: 60px;color: #fff;margin: 0 auto;transition: .4s;}
.casebb a:hover{background: #444;}


.caseca .swiper-container {width: 100%;height: 100%;padding: 6rem 0;}
.caseca .swiper-slide {text-align: center;background: #fff;overflow: hidden;
/* Center slide text vertically */display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    transition: 300ms;
    transform: scale(1);
    }
.caseca .swiper-slide-active,.caseca .swiper-slide-duplicate-active{transform: scale(1.4);z-index: 6;position: relative;}
.caseca .swiper-slide img{display: block;max-width: 100%;}
.caseca .swiper-slide-prev {position: relative;}
.caseca .swiper-slide-prev::before {position: absolute;content: "";width: 100%;height: 100%;z-index: 2;background: rgba(0,0,0,0.7);}
.caseca .swiper-slide-next {position: relative;}
.caseca .swiper-slide-next::before {position: absolute;content: "";width: 100%;height: 100%;z-index: 2;background: rgba(0,0,0,0.7);}
.caseca .swiper-button-next::after {display: none;}
.caseca .swiper-button-prev::after {display: none;}
.caseca .swiper-button-prev {left:10%;}
.caseca .swiper-button-prev:hover span{color: #999;border-bottom: 1px solid #999;}
.caseca .swiper-button-prev span{display: block;color: #fff;font-size: 20px;line-height: 40px;border-bottom: 1px solid #fff;transition:.4s;}
.caseca .swiper-button-prev i{color: #fff;}
.caseca .swiper-button-next span{display: block;color: #fff;font-size: 20px;line-height: 40px;border-bottom: 1px solid #fff;transition:.4s;}
.caseca .swiper-button-next:hover span{color: #999;border-bottom: 1px solid #999;}
.caseca .swiper-button-next {right:10%;}
.caseca .swiper-button-next i{color: #fff;}
/*content_public*/
.public{background: #f5f6f8;height: auto;overflow: hidden;}
.content{line-height: 30px;}
.content img{display: block;max-width: 100%;margin:0 auto;}
.content p{color: #777;}
.de-page-mian{height: auto;overflow: hidden;padding: 2% 0;}
/*荣誉*/
.honorlist{height: auto;overflow: hidden;}
.honorlist li{height: auto;overflow: hidden;}
.honorlist li img{display:block;height: auto;margin:0 auto;width: 100%;transition: all 1s ease;}
.honorlist li:hover img{transform: scale3D(1.1, 1.1, 1.1)}
.honorlist li:hover .hfont{background: rgba(0,0,0,0.8);opacity: 0.8;bottom: 0;}
.hfont{position: absolute;z-index: 88;bottom: -100%;width: 100%;color: #fff; height: 100%;padding-top: 25%; overflow: hidden;text-align: center;background: rgba(0,0,0,0);transition: .4s;}
.hfont span{display: block; line-height: 30px;font-size: 15px;}
.hfont i{font-size: 42px;}


/*新闻*/
.newslist{padding: 3rem 0;}
.newslist ul li img{display: block;max-width: 100%;}
.newslist ul li a{display: block;border: 1px solid #ebebeb;background:#fff;transition: all 1s ease}
.newslist ul li:hover a{transform: translate3d(0,-10px,0);box-shadow: rgba(0,0,0,0.3) 0px   6px 15px;}
.infontc{margin: 4%;height: auto;overflow: hidden;}
.infontc strong{display: block;font-size: 18px;line-height: 40px;transition:.4s;}
.infontc em{display: block;}
.infontc span{display: block;color: #999;}
.infontc p{line-height: 30px;color: #777;transition:.4s;}
/*新闻详情*/
.newsinfoa{height: auto;overflow: hidden;}
.newsinfoa strong{display: block;font-size: 20px;color: #4c4c4c;line-height: 40px;}
.meta{line-height: 45px;overflow: hidden;font-size: 12px;color: #808080;border-bottom: 1px solid #f1f1f1;}
.newsaa {height: auto;overflow: hidden;}
.newsimg  img{display: block;margin:1rem auto;max-width: 100%;}
.newsaa  p{line-height: 35px;color: #777;}
.newsaa  img{max-width: 100%;}
.newsinfob{height: auto;overflow: hidden;border-right: 1px solid #f1f1f1;}
.newsinfob strong{display: block;font-size:18px;line-height: 60px;}
.newsinfob li{height: auto;overflow: hidden;margin-bottom: 20px;background: #f1f1f1;padding: 15px;transition:.4s;}
.newsinfob li:hover{background: #0054a8;color: #fff;}
.newsinfob li:hover span{color: #fff;}
.newsinfob li:hover p{color: #fff;}
.newsinfob li:hover i{color: #fff;}
.newsinfob li span{display: block;line-height: 40px;font-size: 15px;color: #444;}
.newsinfob li p{line-height: 25px;color: #777;}
.newsinfob li i{display: block;color: #777;}
#prev_next {margin-top: 1rem;}
#prev_next li{float: left;width: 50%;line-height: 50px;border-top: 1px solid #f1f1f1;}
#prev_next li a{transition:.4s;}
#prev_next li:hover a{color: #0054a8 !important;}

/*联系*/
.contacta{height: auto;overflow: hidden;}
.contactaa{height: auto;overflow: hidden;padding-bottom: 4%;}
.contactaa li{height: auto;overflow: hidden;padding: 2% 0;border-right: 1px solid #ededed;text-align: center;}
.contactaa li i{display: block;font-size: 52px;color: #0054a8;}
.contactaa li span{display: block;line-height:40px;text-transform: uppercase; }
.contactaa li em{display: block;width: 30px;border-top: 1px solid #888;margin:2% auto 4% auto;}
.contactaa li p{line-height:30px;font-size: 16px;color:#777;}
.contactaa li:nth-of-type(4) p{font-size: 16px;}

.contactb{height: auto;overflow: hidden;}
.contactc{height: auto;overflow: hidden;background: #f5f6f8;}
.cona{height: auto;overflow: hidden;}
.contactc .forma{height: auto;overflow: hidden;}
.contactc .forma input{float: left;width: 32%;margin-right: 2%;line-height: 40px;padding-left: 2%;border: 1px solid #e6e6e6;}
.contactc .forma input:last-child{margin-right: 0px;}
.contactc textarea {display: block;padding-left:2%;width: 100%;height: 90px;background: #fff;line-height: 35px;border: 1px solid #e6e6e6;}
.contactc .code {width: 40%;margin:0 auto;}
.contactc .code input {width: 31%;line-height: 40px;float: left;}
.contactc .code .verify {cursor: pointer;float: left;margin:0 2%;width: 31%;height: 40px;line-height: 40px;text-align: center;}
.contactc .code .verify img {display: inline-block;vertical-align: middle;max-width: 100%;max-height: 100%;}
.contactc .submit {float: left;display: block;width: 31%;font-weight: bold; height: 40px;text-align: center;line-height: 40px;background: #0054a8;transition:.4s; color: #fff;font-size: 15px;}
.contactc .submit:hover {background: #fff;color: #0054a8;}
.contactc .form-tr {overflow: hidden;margin-top: 2%;}
.contactc input {display: block;width: 90%;padding-left:2%;height: 40px;line-height: 40px;background: #fff;border: 1px solid #e6e6e6;}

/* 无内容 */
@media (max-width: 576px) {  
.mf_12{font-size: 12px;line-height: 25px;}
.mf_14{font-size: 14px;line-height: 30px;}
.mf_16{font-size: 16px;line-height: 30px;}
.mf_18{font-size: 18px;line-height: 35px;}
.mf_22{font-size: 22px;line-height: 40px;}


.topa_a {width: 69%;}
.topa_a strong{border-bottom: none;}
.topa_a p{font-size: 12px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.in01a .swiper-container{height: auto;overflow: hidden !important;}
.topa a{width: 25%;}
.topa_a strong{font-size: 12px;line-height: 30px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.banner .swiper-pagination{bottom: 10px !important;}
.in01a .gallery-thumbs{width: 100%;}
.in02b{width: 92%;}
.in02b i{width: 100%;}
.box .in03a{width: 100%;height: auto;overflow: hidden;}
.box .in03a  img{width: 100%;}
.box .in03a:hover{width: 100%;}
.box:hover .in03a{width: 100%;}
.box .in03b{padding-top: 15%;}
.in05a i{width: 100%;}
.in05ca strong{font-size: 18px;}
.footb li:nth-of-type(2){text-align: left;}
.footer{padding-bottom: 12%;}
.ban{height: 200px;}
.ban strong{font-size: 22px;line-height: 30px;}
.ban p{font-size: 22px;line-height: 30px;}
.companya li i{font-size: 18px;}
.comc_e .swiper-slide .comc_f em{height: 0px;}
.companyd{padding: 2rem 0;}
.comtit p{width: 100%;}
.com_f b{width: 35%;}
.companya li p{display: none;}
.morea{margin-top: 2rem;}
.hfont{padding-top: 18%;}
.come_b{display: none;}
.proa_a{display: none;}
.ptita i{display: none;}
.ptita span b{font-size: 18px;}
.casea li p{width: 100%;}
.caseba .left{width: 100%;}
.caseba .right{width: 100%;height: auto;overflow: hidden;}
.caseba .right img{max-width: 100%;}
.casetit p{width: 100%;}
.mobcaseca li img{max-width: 100%;}
.mobcaseca li span{display: block;line-height: 35px;text-align: center;}
.contactc .code{width: 100%;}
.footd{padding-top: 1rem;border-top: 1px solid #013162;margin-top: 1rem;}
.typea span{font-size: 16px;}
.ptit li a{font-size: 14px;}
.proc_e{padding: 0px;}
.proc_e em{display: none;}
.proc_e p{display: none;}
.in02a .gallery-thumbs .swiper-slide strong{background: url(../images/in02ba.png) left center no-repeat;}
.in02a .gallery-thumbs .swiper-slide span{font-size: 14px;}
.in05b .gallery-thumbs .swiper-slide{font-size: 14px;}
}


@media (min-width: 576px) and (max-width: 768px) {  
.mf_12{font-size: 12px;line-height: 25px;}
.mf_14{font-size: 14px;line-height: 30px;}
.mf_16{font-size: 16px;line-height: 30px;}
.mf_18{font-size: 18px;line-height: 35px;}
.mf_22{font-size: 22px;line-height: 40px;}

.in01a .swiper-container{height: auto;overflow: hidden !important;}
.banner .swiper-pagination{bottom: 10px !important;}
.in01a .gallery-thumbs{width: 100%;}
.in02b{width: 92%;}
.in02b i{width: 100%;}
.box .in03a{width: 100%;height: auto;overflow: hidden;}
.box .in03a  img{width: 100%;}
.box .in03a:hover{width: 100%;}
.box:hover .in03a{width: 100%;}
.box .in03b{padding-top: 15%;}
.in05a i{width: 100%;}
.in05ca strong{font-size: 18px;}
.footb li:nth-of-type(2){text-align: left;}
.ban{height: 200px;}
.ban strong{font-size: 22px;line-height: 30px;}
.ban p{font-size: 22px;line-height: 30px;}
.companya li i{font-size: 18px;}
.comc_e .swiper-slide .comc_f em{height: 0px;}
.companyd{padding: 2rem 0;}
.comtit p{width: 100%;}
.com_f b{width: 35%;}
.companya li p{display: none;}
.morea{margin-top: 2rem;}
.hfont{padding-top: 18%;}
.come_b{display: none;}
.proa_a{display: none;}
.ptita i{display: none;}
.ptita span b{font-size: 18px;}
.casea li p{width: 100%;}
.caseba .left{width: 100%;}
.caseba .right{width: 100%;height: auto;overflow: hidden;}
.caseba .right img{max-width: 100%;}
.casetit p{width: 100%;}
.mobcaseca li img{max-width: 100%;}
.mobcaseca li span{display: block;line-height: 35px;text-align: center;}
.contactc .code{width: 100%;}
.footd{padding-top: 1rem;border-top: 1px solid #013162;margin-top: 1rem;}
.typea span{font-size: 16px;}
.ptit li a{font-size: 14px;}
.proc_e{padding: 0px;}
.proc_e em{display: none;}
.proc_e p{display: none;}
.footb li{border-right: none;}
.in02a .gallery-thumbs .swiper-slide strong{background: url(../images/in02ba.png) left center no-repeat;}
.topa_a strong{font-size: 14px;}
}
@media (min-width: 768px) and (max-width: 992px)  { 

.in01a .swiper-container{height: auto;overflow: hidden !important;}
.banner .swiper-pagination{bottom: 10px !important;}
.in01a .gallery-thumbs{width: 100%;}
.in02b{width: 92%;}
.in02b i{width: 100%;}
.in05a i{width: 100%;}
.in05ca strong{font-size: 18px;}
.footb li:nth-of-type(2){text-align: left;}
.footb li{border-right: none;}
.ban{height: 200px;}
.ban strong{font-size: 22px;line-height: 30px;}
.ban p{font-size: 22px;line-height: 30px;}
.companya li i{font-size: 18px;}
.comc_e .swiper-slide .comc_f em{height: 0px;}
.companyd{padding: 2rem 0;}
.comtit p{width: 100%;}
.com_f b{width: 35%;}
.companya li p{display: none;}
.morea{margin-top: 2rem;}
.hfont{padding-top: 18%;}
.come_b{display: none;}
.proa_a{display: none;}
.ptita i{display: none;}
.ptita span b{font-size: 18px;}
.casea li p{width: 100%;}
.caseba .left{width: 100%;}
.caseba .right{width: 100%;height: auto;overflow: hidden;}
.caseba .right img{max-width: 100%;}
.casetit p{width: 100%;}
.mobcaseca li img{max-width: 100%;}
.mobcaseca li span{display: block;line-height: 35px;text-align: center;}
.contactc .code{width: 100%;}
.footd{padding-top: 1rem;border-top: 1px solid #013162;margin-top: 1rem;}
.typea span{font-size: 16px;}
.ptit li a{font-size: 14px;}
.proc_e{padding: 0px;}
.proc_e em{display: none;}
.proc_e p{display: none;}

.in01b_a strong{font-size: 16px}
.in01b_a span{font-size: 22px}
.in02a .gallery-thumbs .swiper-slide span{font-size: 14px;}
.footd{text-align: left;}
.footd img{margin:0px;}
.footd span{margin-left: 2rem;}
.in02a .gallery-thumbs .swiper-slide strong{background: url(../images/in02ba.png) left center no-repeat;}
 }

@media (min-width: 992px) and (max-width: 1200px) {
.toptel strong{font-size: 18px;}
.topa_a strong{font-size: 17px;}
.topa_a strong b{font-size: 18px;}
.topa_a p{letter-spacing: 0px;font-size: 14px;}
.toptel span{font-size: 12px;}

.topa a{border-right: none;}
.topa_a strong{display: none;}
.topa_a p{display: none;}
.typeside{display: none !important;}
.in01b_a strong{font-size: 22px;}
.in01b_a p{line-height: 30px;}
.in01b_a p:nth-of-type(4){display: none;}
.in01b_a p:nth-of-type(5){display: none;}
.proc_e{padding: 2rem;}
.in02b{width: 90%;}
.companya ul{display: none;}
.companyb span{font-size: 22px;}
.come_b{padding: 1rem;}
.come_c i{display: none;}
.come_c i:nth-of-type(2){display: none;}
.proc_e em{height: 10px;}
.in02b i{width: 90%;}
 }

@media (min-width: 1200px) {
.top .container{max-width: 1600px;}
.container{max-width: 1400px;}
 }

@media (min-width:1200px) and (max-width: 1460px)  {
.toptel strong{font-size: 18px;}
.topa_a strong{font-size: 14px;letter-spacing: -1px;}
.topa_a strong b{font-size: 14px;}
.topa_a p{letter-spacing: 0px;font-size: 12px;}
.toptel span{font-size: 12px;}
.in02b{width: 90%;}
.come_c i:nth-of-type(2){margin-top: 2rem;}
.proc_e{padding: 4rem;}

 }
@media (min-width:1200px) and (max-width: 1780px)  {
.typeside{display: none !important;}

 }