@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;position: relative;overflow-x: hidden;-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;}
.left{float: left;}
.right{float: right;}
/*input placeholder 样式 */
::-webkit-input-placeholder {color: #999999;}
:-moz-placeholder {color: #999999;}
::-moz-placeholder {color: #999999;}
:-ms-input-placeholder {color: #999999;}
/*修改滚动条*/
::-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;}
/* 无内容 */
.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: 40px;}
.pf_26{font-size: 26px;line-height: 40px;}
.pf_28{font-size: 28px;line-height: 40px;}
.pf_30{font-size: 30px;line-height: 45px;}
.pf_32{font-size: 32px;line-height: 45px;}
.pf_34{font-size: 34px;line-height: 50px;}
.pf_36{font-size: 36px;line-height: 50px;}
@font-face {font-family:fz;src: url('../css/bahnschrift.ttf');}
#dituContent label {max-width: unset!important;text-align: center;}
/*top*//*top*/
.top{position: fixed;z-index: 88;top:0;width: 100%;border-bottom: 1px solid rgba(255,255,255,.2);}
.topa a{display: block;}
.topa img{display: block;max-width: 100%;margin:0 auto;}
.topb {color: #fff;font-family: fz;}
.topb b{font-size: 24px;font-family: fz;font-weight: 100;}
.topb i{font-size: 20px;margin-right: .5rem;}
.topb_a{text-align: center;position: relative;line-height: 36px;}
.topb_a a{display: block; color: #fff;transition:.4s;}
.topb_a a:hover{color: #ddd;}
.topb_a:nth-of-type(1){width: 70%;}
.topb_a:nth-of-type(2){width: 30%;}
.topb_a:nth-of-type(2)::before{position: absolute;content: ""; left:0;top:30%; width: 1px;height: 15px;background: rgba(255,255,255,.4);}
.topb_a:nth-of-type(2) a{margin-top: -2px;}
.search-text{border: 1px solid #ddd;line-height: 38px;padding-left: 5px;width: 80%;}
.fdj{width: 55px;height: 40px; line-height: 40px;background: url(../images/fdj.png) center no-repeat #0c3ab1;outline: none;color: #fff;width: 20%;transition:.4s;}
.fdj:hover{background: url(../images/fdj.png) center no-repeat #444;}
.btn{border-radius: 0px !important;}
.menu{margin-top: 1rem;}
.menu li{position: relative; text-align: center;height: 100%;}
.menu li::before{position: absolute;content: "";width: 0px;height: 1px;right:90%; background:rgba(255,255,255,.7);bottom: 48%;transition:all 0.3s ease 0s}
.menu li::after{position: absolute;content: "";width:0px;height: 1px;left:90%; background:rgba(255,255,255,.7);bottom: 48%;transition:all 0.3s ease 0s}
.menu li:hover::before{width: 15px;}
.menu li:hover::after{width: 15px;}
.menu li:hover em i{margin-top: 0px;color:rgba(255,255,255,.8);}
.menu li em a{display: block;position: relative;height: 30px;line-height: 30px; overflow: hidden;color: #fff;font-size: 15px; }
.menu li em i{display: block;font-style: normal;margin-top: -30px;transition:.4s;color: rgba(255,255,255,.8);}


.menu li.curr { transition: all 0.3s ease 0s; }
.menu li.curr .submenu{opacity: 1; }
.menu li .submenu{position:fixed;z-index: 8;top:95px;left:0; width:100%;text-align: left; height:0;overflow: hidden;opacity:0;background:rgba(255,255,255,.9);
    border-top: 1px solid #eee;transition: all 0.3s ease 0s;box-shadow: 0px 0px 8px 5px rgba(9,9,9,.2); }
.menu li .submenu .suba strong{display: block;color: #333;}
.menu li .submenu .suba p{line-height: 30px;color: #777;}
.menu li .submenu .suba a{display: block;width: 140px;line-height: 45px;height: 45px; background: #0c3ab1;text-align: center;color: #fff;transition:.4s;}
.menu li .submenu .suba a:hover{border-radius: 0 20px 0 20px;}
.menu li .submenu .subb{position: relative;}
.menu li .submenu .subb::before{position: absolute;content: "";width: 1px;height: 200%;top:-50%;left:0; background: rgba(0,0,0,.1);}
.menu li .submenu .subb::after{position: absolute;content: "";width: 1px;height: 200%;top:-50%;right:0; background: rgba(0,0,0,.1);}
.menu li .submenu .subb p{line-height:45px;border-bottom: 1px dashed #dadada;}
.menu li .submenu .subb p a{display: block;color: #777;transition:.4s;}
.menu li .submenu .subb p a:hover{color: #0c3ab1;}
.menu li .submenu .subb p i{float: right;}
.menu li .submenu .subc img{display: block;max-width: 100%;margin:0 auto;box-shadow: 0px 0px 2px 2px #ddd;padding: 7px;}





.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;margin: 5px;height: 36px;width: 36px;right: 10px;top: -25px;}
.mobmenu .menu-left {float: left;}
.mobmenu .sidebar{display: none;width: 100%;height: 100%;margin: 0;left:0; position: fixed;top: 0;z-index: 9999;}
.mobmenu .menu-button i{font-size: 24px;color:#fff}
.mobmenu .sidebar > .bg-cover{display: block;position: absolute;top: 0;left: 0;z-index: -1;width: 100%;height: 100%;background: rgba(0,0,0,.5);}
.mobmenu .sidebar nav{float: left;width: 260px;height: 100%;margin-left: -260px;color: white;background:rgba(12,58,177,0.9);}
.mobmenu .sidebar nav span{display: block;line-height: 45px;background: #eee;color: #444;padding-left: 10%;font-size: 18px;text-transform: uppercase;font-family: fz;}
.mobmenu .sidebar ul{padding:10%;}
.mobmenu .sidebar li a{display: block;line-height: 50px;border-bottom: 1px solid rgba(255,255,255,.1);transition:.4s;color: #fff;}
.mobmenu .sidebar li a:hover{color: rgba(255,255,255,.7);}
.mobmenu .sidebar li i{color: #fff;font-size: 18px;}
/*首页大图*/
.bannerimg  img{width: 100%; height: auto;}
.banner .swiper-slide {position: relative;}
.banner .swiper-slide  .bannera{position: absolute;z-index: 3;width: 100%;height: 100%;text-align: center;padding-top: 15%;}
.banner .swiper-slide  .bannera span{display: block;font-size: 28px;line-height:50px;color:#fff;margin-top: 3rem;font-family: fangsong;text-shadow:0px 0px 10px #444;
  font-weight: bold;letter-spacing: 3px; text-transform: uppercase;}
.swiper-slide  .bannera p{font-size: 30px;line-height: 40px;color: #fff;text-align: center;font-weight: 100;font-family: 宋体;font-weight: bold;text-shadow:0px 0px 10px #444;}
.banner .swiper-slide .bannerb{position: absolute;z-index: 3;width: 100%;height: 100%;padding-top: 12%;}
.banner .swiper-slide .bannerb img{max-width: 100%;}

.banner .swiper-slide .bannerc{position: absolute;z-index: 3;width: 100%;height: 100%;padding-top: 15%;text-align: center;}
.banner .swiper-slide .bannerca{position: absolute;z-index: 2;padding-top: 25%;animation:mymove 5s infinite;
-webkit-animation:mymove 5s infinite;
animation-direction:alternate;
-webkit-animation-direction:alternate;animation-timing-function:ease;}
.banner .swiper-slide .bannerc img{max-width: 100%;}
.banner .swiper-slide .bannerc span{display: block;font-size: 36px;font-family: 宋体;color: #fff;line-height: 75px;letter-spacing: 3px;}
.banner .swiper-slide .bannerc p{color: rgba(255,255,255,.6);text-transform: uppercase;width: 40%;margin:0 auto;font-family: 宋体;line-height: 30px;}
@keyframes mymove
{
from {left:0%;}
to {left:10%;}
}

@-webkit-keyframes mymove
{
from {left:0%;}
to {left:10%;}
}
.banner .swiper-pagination{bottom: 4% !important;}
.banner .swiper-pagination-bullet{transition:.4s;}
.banner .swiper-pagination-bullet-active{background: #fff;width: 8px;height: 30px;border-radius: 10px;}
/*in_01*/
.in_01{height: auto;overflow: hidden;}
.intita{text-align: center;}
.intita span{display: block;}
.intita span strong{color: #0c3ab1;}
.intita p{color: #777;}
.intita i{display: block;width: 30px;height: 1px;background: #b6b6b6;margin:1rem auto;}
.intype li a{display: block;border: 1px solid #f1f1f1;text-align: center;position: relative;border-radius: 5px;height: auto;overflow: hidden;transition:.4s;}
.intype li a:hover{border-radius:0 50px 0 50px;}
.intype li a:hover::before {background: url(../images/typea.png) center no-repeat rgba(12,58,177,.7);opacity: 1;top:0;}
.intype li a::before{position: absolute;content: "";width: 100%;height: 100%;left:0;top:20%;background: url(../images/typea.png) center no-repeat rgba(12,58,177,0);transition:.4s;opacity: 0;}
.intype li img{display: block;max-width: 100%;}
.intype li span{display: block;line-height: 45px;background: #f6f6f6;}

.in01a{background: url(../images/in01a.jpg) center left no-repeat #1441b1;position: relative;}
.in01a .mySwiper2{float: right;width: 84%;background: #fcfcfc;height: auto;overflow: hidden;}
.in01a .mySwiper{float: left;width: 16%;position: relative;top:5rem; overflow: hidden;height: 380px;}
.in01a .mySwiper .swiper-slide{line-height: 60px;color: #fff;padding: 0 2rem;transition:.4s;cursor: pointer;white-space: nowrap; text-overflow:ellipsis; overflow: hidden; }
.in01a .mySwiper .swiper-slide:hover{background: #cd0000;color: #fff;}
.in01a .mySwiper .swiper-slide-thumb-active{background: #cd0000;color: #fff;}
.in01a .swiper-button-next i{color: #fff;}
.in01a .swiper-button-prev i{color: #fff;}
.in01a .swiper-button-prev{background:rgb(255,255,255,.4);border-radius:10px 0  10px 0;transition:.4s;width: calc(var(--swiper-navigation-size)/ 35 * 35);top:90%;left:2%;}
.in01a .swiper-button-prev:hover{background: rgba(45,117,229,0.6);}
.in01a .swiper-button-next{background:rgb(255,255,255,.4);border-radius:0 10px  0 10px;transition:.4s;width: calc(var(--swiper-navigation-size)/ 35 * 35);top:90%;left:6%;}
.in01a .swiper-button-next:hover{background: rgba(45,117,229,0.6);}
.in01a .swiper-button-next:after, .in01a .swiper-button-prev:after{display: none;}

.in01a{height: auto;overflow: hidden;}
.in01b img{max-width: 100%;}
.in01b_a strong{display: block;position: relative;}
.in01b_a strong::after{position: absolute;content: "";left:0;bottom: 0; width: 25px;height: 1px;background: #0c3ab1;}
.in01b_a p{line-height: 30px;color: #777;}
.in01b_a ul {border-top: 1px solid #f3f3f3;border-bottom: 1px solid #f3f3f3;}
.in01b_a li {text-align: center;}
.in01b_a li em{display: block;background: #0c3ab1;height: 75px;width: 75px;border-radius: 60px;text-align: center;padding-top: .75rem;margin:0 auto;}
.in01b_a li em i{font-size: 36px;color: #fff;}
.in01b_a li span{display: block;line-height: 40px;color: #777;}

/*in_02*/
.in02a {height: auto;overflow: hidden;;position: relative;}
.in02a .gallery-thumbs .swiper-slide{cursor: pointer;}
.in02a .gallery-thumbs .swiper-slide:hover {color: #0c3ab1;}
.in02a .gallery-thumbs .swiper-slide:hover p{color: #0c3ab1;}
.in02a .gallery-thumbs .swiper-slide:hover b{background:rgba(12,58,177,.3);border-radius: 10px;}
.in02a .gallery-thumbs .swiper-slide:hover i{background:#0c3ab1;border-radius:0 10px 0 10px;}
.in02a .gallery-thumbs .swiper-slide-thumb-active {color: #0c3ab1;}
.in02a .gallery-thumbs .swiper-slide-thumb-active p{color: #0c3ab1 !important;}
.in02a .gallery-thumbs .swiper-slide-thumb-active i{background:#0c3ab1 !important;}
.in02a .gallery-thumbs .swiper-slide-thumb-active b{background:rgba(12,58,177,.3) !important;border-radius: 10px !important;}
.in02a .gallery-thumbs .swiper-slide-thumb-active i{background:#0c3ab1 !important;border-radius:0 10px 0 10px !important;}
.in02a .gallery-thumbs .swiper-slide b{display: block; float: left;font-weight: normal; width: 70px;height: 70px;padding: 5px; margin-right: 1rem;border-radius: 60px;background: rgba(0,0,0,.1);transition:.4s;}
.in02a .gallery-thumbs .swiper-slide i{background:#a3a3a3;width: 60px;height: 60px;border-radius: 60px;padding-top: .5rem;text-align: center;display: block;transition:.4s;}
.in02a .gallery-thumbs .swiper-slide i em{font-size:30px;color: #FFF;}
.in02a .gallery-thumbs .swiper-slide span{display: block;}
.in02a .gallery-thumbs .swiper-slide p{line-height: 25px;color: #b0b0b0;text-transform: uppercase;font-size: 12px;transition:.4s;}
.in02a .gallery-top{position: relative;z-index: 1;}
.in02a .gallery-top .swiper-slide {display: block;position: relative;height: auto;overflow: hidden;}
.in02a .gallery-top .swiper-slide img{width: 100%;}
.in02a .gallery-top .swiper-slide .in02b{position: absolute;bottom:10%;width: 90%;left:5%;background: rgba(255,255,255,.95);}
.in02a .gallery-top .swiper-slide .in02b strong{display: block;}
.in02b_a span{display: block;position: relative;font-size: 44px;line-height: 50px;font-family: fz;font-style: italic;color: #0c3ab1;padding-left: 6rem;font-weight: bold;}
.in02b_a span::before{position: absolute;content: "";width: 80px;height: 1px;background: #0c3ab1;left:0;top:48%;}
.in02b_a p{line-height: 25px;color: #999;text-transform: uppercase;font-family: fangsong}
.in02b_a i{float: right;color: #0c3ab1;font-size: 22px;}
.in02b_b li{line-height: 30px;color: #777;}
.in02b_b li i{color: #0c3ab1;}
.in02b_b li i{display: block;float: left;top:10px;margin-right:.75rem; width:8px;height: 8px;position: relative;border-radius: 30px;
    -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;
    background: rgba(12,58,177,1);
    -webkit-transform: scale(0.93);
    -moz-transform: scale(0.93);
    -ms-transform: scale(0.93);
    transform: scale(0.93);
}
.in02b_b li i:after{position: absolute;content: "";display: block;width: 10px;height: 10px;border-radius: 30px; 
    top: -1px;
    left: -1px;
    z-index: -1;
    box-shadow: 0 0 0 2px rgba(12,58,177,0.1);
    opacity: 0;
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
     -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(12,58,177,1);
    }
    40% {
        opacity: 0.5;
        background: rgba(12,58,177,1);
        box-shadow: 0 0 0 2px rgba(12,58,177,0.1), 0 0 4px 4px #0c3ab1, 0 0 0 4px rgba(12,58,177,0.5);
    }
    100% {
        box-shadow: 0 0 0 2px rgba(12,58,177,0.1), 0 0 4px 4px #0c3ab1, 0 0 0 4px rgba(12,58,177,0.5);
        -webkit-transform: scale(1.2);
        background: rgba(12,58,177,1);
        opacity: 0;
    }
}
@-moz-keyframes sonarEffect {
    0% {
        opacity: 0.3;
    }
    40% {
        opacity: 0.5;
        box-shadow: 0 0 0 2px rgba(12,58,177,0.1), 0 0 4px 4px #0c3ab1, 0 0 0 4px rgba(12,58,177,0.5);
    }
    100% {
        box-shadow: 0 0 0 2px rgba(12,58,177,0.1), 0 0 4px 4px #0c3ab1, 0 0 0 4px rgba(12,58,177,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(12,58,177,0.1), 0 0 4px 4px #0c3ab1, 0 0 0 4px rgba(12,58,177,0.5);
    }
    100% {
        box-shadow: 0 0 0 2px rgba(12,58,177,0.1), 0 0 4px 4px #0c3ab1, 0 0 0 4px rgba(12,58,177,0.5);
        transform: scale(1.2);
        opacity: 0;
    }
}

.in03a {height: auto;overflow: hidden;;position: relative;}
.in03a .gallery-top{position: relative;z-index: 1;}
.in03a .gallery-top .swiper-slide img{max-width: 100%;}
.in03d{color: #fff;position: absolute;z-index: 3;bottom: 0px;width: 100%;}
.in03d .swiper-container{max-width:1400px;margin:0 auto;}
.in03a .gallery-thumbs::before{background: rgba(0,0,0,.6);position: absolute;content: "";width: 140%;left:-20%;height: 100%;bottom: 0;}
.in03a .gallery-thumbs .swiper-slide{cursor: pointer;border-left: 1px solid rgba(255,255,255,.2);transition:.4s;padding: 2rem;font-size: 18px;line-height: 40px;}
.in03a .gallery-thumbs .swiper-slide:hover{background:url(../images/in03ah.png) center no-repeat #0c3ab1}
.in03a .gallery-thumbs .swiper-slide-thumb-active{background:url(../images/in03ah.png) center no-repeat #0c3ab1;}
.in03a .gallery-thumbs .swiper-slide:last-child{border-right: 1px solid rgba(255,255,255,.2)}
.in03a .gallery-thumbs .swiper-slide i{float: right;width: 15px;height: 2px;background: #fff;display: block;margin-top: 20px;}
.in03a .gallery-thumbs .swiper-slide em{font-size: 22px;}
.in03a .gallery-thumbs .swiper-slide span{font-size: 36px;font-family: fz;}
.in03a .gallery-top .swiper-slide {display: block;position: relative;height: auto;overflow: hidden;}
.in03b{position: absolute;top:14%;width: 100%;color: #fff;}
.in03b img{max-width: 100% !important;}
.in03c strong{display: block;font-size: 100px;font-family: impact;color: rgba(12,58,177,.2);text-transform: uppercase;}
.in03c span{display: block;margin-top: -110px;}
.in03c i{display: block;width: 25px;height: 1px;background: rgba(255,255,255,.8);margin:1rem 0;}
.in03c p{text-transform: uppercase;line-height: 30px;font-family: fantasy;}
.in03c a{display: block;width: 160px;line-height: 40px;border: 1px solid rgba(255,255,255,.8);text-align: center;color: rgba(255,255,255,.8);transition:.4s;}
.in03c a:hover{background: #fff;color: #0c3ab1;border-radius: 0 20px 0  20px}

.in04a .swiper-container{height: auto;overflow: hidden;}
.in04a .swiper-slide{min-height: 420px;}
.in04a .swiper-slide:hover .in04img span{background: rgba(0,0,0,.4);opacity: 1;padding-top: 6rem;}
.in04a .swiper-slide:hover .in04img i{opacity: 1}
.in04a .swiper-slide:hover .in04font{width: 100%;margin:0 auto;background: rgba(12,58,177,.8);color: #fff;}
.in04a .swiper-slide:hover .in04font em{background: #fff;border-radius: 0 10px 0 10px;}
.in04a .swiper-slide:hover .in04font em i{color: #0c3ab1;}
.in04a .swiper-slide img{display: block;max-width: 100%;}
.in04font{background: #fff;box-shadow:0px 5px 5px 0px #ddd;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;font-size: 16px;line-height: 30px;
    width: 80%;text-align: left;margin:-3rem auto 0 auto;position: relative;z-index: 2;transition:.4s;}
.in04font em{float: right;background: #a3a3a3;padding: 0 1rem;transition:.4s;}
.in04font em i{color: #fff;}
.in04img{display: block;width: 100%;height: 0;padding-bottom: 75%;position: relative;overflow: hidden;}
.in04img span{display: block;background: rgba(0,0,0,0);color: #fff;opacity: 0; height: 100%;width: 100%;position: absolute;z-index: 2;text-align: center;padding-top: 3rem;transition:.4s;}
.in04img span i{font-size: 42px;opacity: 0;}
.in04img span p{font-family: fz;}

.in05a{position: relative;}
.in05a .swiper-container{height: auto;overflow: hidden;position: relative;}
.in05a .swiper-slide{transition:.4s;padding-bottom: .5rem;}
.in05a .swiper-slide a{display: block;box-shadow:0px 0px 5px 5px #f1f1f1;}
.in05a .swiper-slide a:hover img{transform: scale3D(1.05, 1.05, 1.05)}
.in05a .swiper-slide a:hover span{color: #0c3ab1;}
.in05a .swiper-slide img{display: block;max-width: 100%;transition:all .5s ease 0s}
.in05aa {width: 20%; background: #f3f3f3;text-align: center;margin-right: 1rem;border-radius: 10px;}
.in05aa strong{display: block;font-family: fz;font-size: 42px;line-height: 40px;}
.in05aa p{font-family: fz;line-height: 25px;font-size: 16px;}
.in05aimg{display: block;width: 100%;height: 0;padding-bottom: 55%;position: relative;overflow: hidden;}
.in05ab span{display: block;transition:.4s;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
.in05ab p{line-height: 25px;color: #777;}
.in05a .swiper-pagination-bullet{width: 8px;height: 8px;background: #fff;}
.in05a .swiper-pagination-bullet-active{background: #0c3ab1;}
.in05a .swiper-pagination{text-align: right;padding-right: 1rem;bottom: 30% !important;}
.in05b  li{height: auto;overflow: hidden;border-bottom: 1px solid #f0f0f0;}
.in05b  li a{display: block;}
.in05b  li:hover .timeyy{background:#0c3ab1;color: #fff;}
.in05b  li:hover .yuefen{color: #fff;}
.in05b  li:hover span{color:#0c3ab1;}
.fonta{float: right;height: auto;overflow: hidden;width: 84%;}
.fonta span{display: block;line-height:35px;height:35px;overflow: hidden;font-size: 16px;}
.fonta p{display: block;line-height: 25px;color: #777;}
.timeyy{float: left; display:block; width: 13%;height: 100%;background:#c6c6c6;color: #fff; text-align: center;transition:.4s;border-radius: 10px;}
.riqi{ display:block;line-height:45px;font-size:42px;font-weight: normal;font-family: impact;}
.yuefen{display: block; font-weight: normal;line-height: 25px;font-family: fz;font-size: 16px;color: #fff;}
.morea a{display: block;border: 1px solid #d7d7d7;color: #777;width: 140px;line-height: 40px;text-align: center;border-radius: 50px;transition: .4s;margin:0 auto;}
.morea a:hover{background:#0c3ab1;color: #fff;}
/*脚步*/
.footer{height: auto;overflow: hidden;background:url(../images/footbg.jpg) center no-repeat;}
.foota{color:#7c7c7c;line-height: 40px;}
.foota i{display: block;width: 140px;text-align: center;line-height: 40px;background: #0c3ab1;color: #fff;}
.foota span{display: block;color: #fff;font-family: fz;}
.foota p{line-height: 35px;}
.footb li span{display: block;line-height: 50px;transition:.4s;border-bottom: 1px solid rgba(255,255,255,.1);position: relative;}
.footb li span::before{position: absolute;content: "";width: 20px;height: 3px;background: #0c3ab1;left:0; bottom: -2px;}
.footb li span a{color: #fff;transition:.4s;}
.footb li span small{font-family: fz;text-transform: uppercase;color: rgba(255,255,255,.4);}
.footb li span:hover a{color: rgba(255,255,255,.7);}
.footc{border-top: 1px solid rgba(255,255,255,.1);color: #7c7c7c;}
.footc a{transition:.4s;}
.footc a:hover{color: #fff;}
.footc img{max-width: 100%;}
.fmenu p{line-height: 35px;}
.fmenu p a{color: rgba(255,255,255,.6);transition:.4s;}
.fmenu p a:hover{color: rgba(255,255,255,1);}


.back{position: fixed;bottom: 20vh;right:2%;z-index:88;width:60px; height:60px;line-height: 60px;padding: 5px;box-shadow: 0px 0px 2px 2px rgba(12,58,177,.2); 
    background:rgb(12,58,177,.1);transition:.4s;
    display: none;border-radius: 100px;text-align: center;}
.back .gotop:hover em::before{top: -5px;}
.back .gotop {position: relative;width:60px; height:60px;border-radius:0 40px 0 40px;
    -webkit-border-radius:0 40px 0 40px;
    align-items: center;
    justify-content: center;
    z-index: 2;}
.back .gotop em{position: relative;display: block;width:50px; height:50px;line-height: 50px;background:rgb(12,58,177,.8);border-radius: 100px;overflow: hidden;}
.back .gotop em span{position: relative;z-index: 3;}
.back .gotop em::before{width:60px;height: 0px;content: '';background: #e36463;position: absolute;left: 0px;top: 80px;height: 100px;z-index: 1;
border-radius: 50px;-webkit-transition: all .25s;}
.back .gotop i{font-size: 24px; color: #fff;}


/*简介*/
.comban{overflow: hidden;background: url(../images/ban_com.jpg) center top no-repeat;}
.proban{overflow: hidden;background: url(../images/ban_pro.jpg) center top no-repeat;}
.pinfoban{overflow: hidden;background: url(../images/ban_pinfo.jpg) center top no-repeat;}
.honorban{overflow: hidden;background: url(../images/ban_honor.jpg) center top no-repeat;}
.caseban{overflow: hidden;background: url(../images/ban_case.jpg) center top no-repeat;}
.shfwban{overflow: hidden;background: url(../images/ban_shfw.jpg) center top no-repeat;}
.newsban{overflow: hidden;background: url(../images/ban_news.jpg) center top no-repeat;}


.ban {height: auto;overflow: hidden;margin:16% 0;color: #fff;text-align: center;}
.ban span{display: block;font-family: fz;text-transform: uppercase;letter-spacing: 4px;}
.ban strong{display: block;}
.location{height: auto;line-height: 60px;color: #777;margin-top: -62px;background: rgba(0,0,0,.6);}
.location a{color: #fff;transition:.4s;}
.location a:hover{color:rgba(255,255,255,.7);}
.locationa li{float: left;width: 12%;}
.locationa li a{display: block;position: relative;transition:.4s;}
.locationb {text-align: right;}
.locationb i{color: #fff;font-size: 18px;}
/*content_company*/
.companya {height: auto;overflow: hidden;background: url(../images/coma.jpg) center bottom no-repeat;}
.companya p{line-height: 35px;color: #777;}
.comtit strong{display: block;color: #0c3ab1;}
.comtit span{display: block; text-transform: uppercase;color: #777;line-height: 30px;}
.comtit em{display: block;width:45px;height:45px;border-radius: 60px;background: #0c3ab1;color: #fff;text-align: center;line-height: 45px;}
.companyb img{display: block;max-width: 100%;}
.companyb {height: auto;overflow: hidden;background: url(../images/comb.jpg) left top no-repeat fixed;}
.companyba {display: block;height:550px;width: 100%;}

.companyc li{height: auto;overflow: hidden;}
.companyc li:nth-of-type(2n+0){height: auto;overflow: hidden;}
.companyc li:nth-of-type(2n+0) .comb_l{float: right;}
.companyc li:nth-of-type(2n+0) .comb_r{float: left;}
.comb_l{float: left; width: 49%;}
.comb_r{float: right; width: 49%;}
.comb i{font-size: 40px;color: #0c3ab1;}
.comb strong{display: block;color: #0c3ab1;}
.comb span{display: block;text-transform: uppercase;}
.comb img{width: 100%;}
.comb p{color: #777;line-height: 35px;}
.comb p em{color: #0c3ab1;font-weight: bold;}
.companyd{height: auto;overflow: hidden;background: url(../images/come.jpg) right bottom no-repeat fixed;text-align: right;color: #fff;padding: 6% 0 12% 0;}
.companyd strong{display: block;}
.companyd span{display: block;text-transform: uppercase;}
.companyd p{line-height: 35px;width: 40%;float: right;}

.qywha{height: auto;overflow: hidden;background: url(../images/qywha.jpg) center bottom no-repeat;}
.comtita {text-align: center;}
.comtita strong{display: block;color: #0c3ab1;}
.comtita span{display: block; text-transform: uppercase;color: #777;line-height: 30px;}
.comtita em{display: block;width:45px;height:45px;border-radius: 60px;background: #0c3ab1;color: #fff;text-align: center;line-height: 45px;margin:0 auto;}
.qywha_a i{font-size: 40px;color: #0c3ab1;}
.qywha_a strong{display: block;color: #0c3ab1;}
.qywha_a span{display: block;text-transform: uppercase;}
.qywha_a img{width: 100%;}
.qywha_a p{color: #777;line-height: 35px;}
.qywha_a p em{color: #0c3ab1;font-weight: bold;}

.qywhb{height: auto;overflow: hidden;background: url(../images/qywhbbg.jpg) center bottom no-repeat;color: #fff;}
.qywhb_a{width: 40%;padding: 14% 0;}
.qywhb_a strong{display: block;position: relative;}
.qywhb_a strong::after{position: absolute;content: "";top:48%;width: 200px;height: 1px;background: #fff;left:10rem;}
.qywhb_a span{display: block;text-transform: uppercase;font-family: fz;}

/*荣誉*/
.public{height: auto;overflow: hidden;background: url(../images/coma.jpg) center bottom no-repeat;}
.bga{height: auto;overflow: hidden;background: #fbfbfb;}
.honorlist{height: auto;overflow: hidden;padding: 2% 0;}
.honorlist li{height: auto;overflow: hidden;}
.honorlist li a{display: block;position: relative;border: 1px solid #efefef;}
.honorlist li img{transition: all .5s ease;width: 100%;height: 100%;object-fit: cover;left: 0;position: absolute;}
.honorlist li:hover img{transform: scale3D(1.1, 1.1, 1.1)}
.honorlist li:hover .hfonta{background: rgba(0,33,84,0.9);opacity: 0.8;bottom: 0;}
.hfonta{position: absolute;z-index: 8;bottom: -260px;width: 100%;color: #fff; height: 100%;padding-top: 25%; overflow: hidden;text-align: center;
    background: rgba(0,33,84,0);transition: .4s;}
.hfonta span{display: block; line-height: 30px;font-size: 18px;font-weight: bold;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
.hfonta i{font-size: 22px;}
.pimga{position: relative;overflow: hidden;width: 100%;height: 0;padding-bottom: 75%;}
/*cases*/
.caseslist li a{display: block;border: 1px solid #e8e8e8;border-radius: 5px;transition:.4s;}
.caseslist li a:hover {background: #0c3ab1;color: #fff;}
.caseslist li a:hover img{transform: scale(1.03)}
.caseslist li a:hover span{background: #0c3ab1;}
.caseslist li a:hover .cimga i{background: rgba(0,33,84,.6);padding-top: 30%;}
.caseslist li a:hover .cimga em{opacity: 1;}
.cimga{display: block;width: 100%;height: 0;padding-bottom: 75%;position: relative;overflow: hidden;}
.cimga i{position: absolute;z-index: 2;height: 100%;width: 100%;background: rgba(0,33,84,0);padding-top: 10%;text-align: center;transition:.4s;}
.cimga i em{font-size:42px;color: #fff;opacity: 0;transition:.4s;}
.cimga img{display: block;max-width: 100%;transition: all .5s ease 0s;}
.caseslist li span{display: block;position: relative;background: #c6c6c6;line-height: 70px;color: #fff;transition:.4s;white-space: nowrap;text-overflow:ellipsis;overflow: hidden;}
.caseslist li span i{float: right;text-decoration: underline;}

.shfwa img{display: block;max-width: 100%;margin:0 auto;}
.shfwa_a {text-align: center;}
.shfwa_a strong{display: block;color: #d10000;font-weight: normal;}
.shfwa_a p{color: #777;line-height: 30px;}
.shfwa_b{height: auto;overflow: hidden;}
.shfwa_b span{display: block;}
.shfwa_c img{display: block;margin:0 auto;}
.shfwb{height: auto;overflow: hidden;background: url(../images/shfwb.jpg) left center no-repeat fixed;padding:8% 0;}
.shfwb span{display: block;color: #fff;}
.shfwb i{display: block;color: #fff;text-transform: uppercase;}
.shfwb p{width: 65%;color: rgba(255,255,255,.8);line-height: 35px;}

.shfwc{height: auto;overflow: hidden;background: url(../images/shfwc.jpg) right center no-repeat fixed;}
.shfwca{display: block; height: 400px;width: 100%;}
/*content_product*/
.protype{height: auto;overflow: hidden;background: #f8f9fb;}
.protype li {text-align: center;color: #777;}
.protype li a{display: block;transition:.4s;}
.protype li a:hover{color: #0c3ab1;}
.protype li a:hover i{color: #0c3ab1;}
.protype li i{font-size: 40px;color: #777;transition:.4s;}
.protype li span{display: block;line-height: 30px;}
.prolist li:hover .p_a{box-shadow: 0px 0px 20px 10px #eff0f5;transform: translate3d(0,-10px,0);}
.p_a{height: auto;overflow: hidden;border:1px solid #f4f5f7;transition:.4s;}
.pfonta{float: right;width: 50%;}
.pfonta strong{display: block;color: #0c3ab1;border-bottom: 1px dashed #e3e3e3;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
.pfonta span i{display: block;float: left;top:6px;margin-right:.75rem; width:8px;height: 8px;position: relative;border-radius: 30px;
    -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;
    background: rgba(12,58,177,1);
    -webkit-transform: scale(0.93);
    -moz-transform: scale(0.93);
    -ms-transform: scale(0.93);
    transform: scale(0.93);
}
.pfonta span i:after{position: absolute;content: "";display: block;width: 10px;height: 10px;border-radius: 30px; 
    top: -1px;
    left: -1px;
    z-index: -1;
    box-shadow: 0 0 0 2px rgba(12,58,177,0.1);
    opacity: 0;
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
     -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;
}
.pfonta p{line-height: 30px;color: #777;}
.pfonta em{display: block;width: 120px;line-height: 40px;transition:.4s; }
.pimg{float: left;width: 50%;}
.pimg img{display: block;max-width: 100%;}
.pfontb a{display: block;width: 140px;line-height: 45px;border: 1px solid #dfdfdf;text-align: center;transition:.4s;}
.pfontb a:hover{border-radius: 0 20px 0  20px}
.pfontb a:nth-of-type(2){background: #0c3ab1;color: #fff;}
.pfontb a:nth-of-type(2):hover{border-radius: 0 20px 0  20px}
/*产品详情*/
.plocation{line-height: 40px;color: #fff;margin-top: 120px;text-align: right;}
.plocation a{color: #fff;}
.plocation a:hover{color:rgba(255,255,255,.7);}
.proa {height: auto;overflow: hidden;background: url(../images/proa.jpg) left bottom no-repeat #fff;border-radius: 10px;}
.proa img{display: block;width: 100%;}
.proaa strong{display: block;}
.proaa strong small{background: #0c3ab1;color: #fff;padding:.25rem .5rem;font-size: 14px;}
.proaa {height: auto;overflow: hidden;}
.proab{border-top: 1px solid #e9e9e9;border-bottom: 1px solid #e9e9e9;height: auto;overflow: hidden;}
.proaa p{line-height: 40px;color: #777;}
.proaa p em{color: #444;}
.proac_a {width: 60%;}
.proac_a i{float: left;font-size: 50px;color: #0c3ab1;margin-right: .5rem;}
.proac_a span{display: block; color: #777;margin-top: .5rem;}
.proac_a p{color: #0c3ab1;font-weight: bold;}
.proac_d a{display: block;background: #0c3ab1;line-height: 45px;color: #fff;text-align: center;width: 140px; ;transition:.4s;}
.proac_d a:hover{border-radius: 0 20px 0 20px;}
.proad strong{display: block;}
.proad li a{display: block;border: 1px solid #eee;transition:.4s;}
.profimg{height: auto;overflow: hidden;}
.proad li a:hover{border: 1px solid #0c3ab1;border-radius: 0 50px 0 50px;}
.proad li a:hover img{transform: scale3D(1.05, 1.05, 1.05)}
.proad li img{display: block;max-width: 100%;transition: all .5s ease 0s;}
.sidetit{line-height: 50px;text-align: center;padding: 1rem 0;text-transform: uppercase;position: relative;background: url(../images/sidebg.jpg) center no-repeat #0068b7;}
.sidetit strong{display: block;color: #1475be;font-family: fz;display: block;font-size: 30px;line-height: 60px;}
.sidetit span{display: block;margin-top: -40px;color: #fff;}
.ptit{height: auto;overflow: hidden;background: #f6f6f6;}
.ptit li{text-align: center;}
.ptit li a{display: block;transition:.4s;line-height: 60px;}
.ptit li:hover a{background: #0c3ab1;color: #fff;}
.prob{line-height: 30px;color: #777;}
.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;font-family: fz;}
.ptita span b{color: #444;}

.prob_a li img{display: block;width: 100%;}
.prob_a li b{display: block; float: left;font-weight: normal; width: 60px;height: 60px;padding: 5px; margin-right: 1rem;border-radius: 60px;background: rgba(0,0,0,.1);transition:.4s;}
.prob_a li i{background:#0c3ab1;width: 50px;height: 50px;border-radius: 50px;padding-top: .25rem;text-align: center;display: block;transition:.4s;}
.prob_a li i em{font-size:30px;color: #FFF;}{display: block;width: 100%;}
.prob_a li strong{display: block;}
.prob_a li span{display: block;line-height: 30px;text-transform: uppercase;color: #777;}
.prob_a li p{line-height: 30px;color: #777;}
.prob_a li p i{display: block;float: left;top:10px;margin-right:.75rem; width:8px;height: 8px;position: relative;border-radius: 30px;
    -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;
    background: rgba(12,58,177,1);
    -webkit-transform: scale(0.93);
    -moz-transform: scale(0.93);
    -ms-transform: scale(0.93);
    transform: scale(0.93);
}
.prob_a li p i:after{position: absolute;content: "";display: block;width: 10px;height: 10px;border-radius: 30px; 
    top: -1px;
    left: -1px;
    z-index: -1;
    box-shadow: 0 0 0 2px rgba(12,58,177,0.1);
    opacity: 0;
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
     -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;
}


.prob_c{height: auto;overflow: hidden; background: url(../images/prob_b.jpg) center bottom no-repeat;}
.prob_ca{background: url(../images/prob_ca.png) center bottom no-repeat #0c3ab1;border-radius: 0 100px 100px 0;height: auto;overflow: hidden;color: #fff;}
.prob_ca i{font-size: 40px;float: left;margin-right: .5rem;}
.prob_ca span{display: block;line-height: 25px;}
.prob_ca p{font-size: 40px;font-family: fz;line-height: 35px;}
.prob_ca b{display: block;font-size: 16px;font-weight: normal;line-height: 30px;}
.prob_cb{height: auto;overflow: hidden;}
.prob_c a{display: block;margin:0 auto; width: 160px;line-height: 45px;background: #fff;text-align: center;color: #0c3ab1;transition:.4s;}
.prob_c a:hover{background: #0c3ab1;color: #fff;border-radius: 0 20px 0 20px;}
.proc img{width: 100%;}
.proc_a img{width: 100%;}
.proc li:hover .proc_d{background: rgba(12,58,177,.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(12,58,177,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: 6rem;}
.proc_e strong{display: block;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
.proc_e em{display: block;height: 1px;width: 25px;background:rgba(255,255,255,.7);margin:1rem auto;}
.proc_e p{color: rgba(255,255,255,.8);line-height: 30px;}

.prod img{max-width: 100%;}
.proda span{display: block;text-align: center;}
.proda span i{font-size:22px;color: #0c3ab1;}
.proda strong{font-size: 48px;font-family: fz;color: #0c3ab1;position: relative;z-index: 2;}
.proda em{position: relative;z-index: 2;}
.proda p{line-height: 40px;color: #777;position: relative;z-index: 2;}

.prodb{height: 290px;overflow: hidden;background: url(../images/proimgf.jpg) center no-repeat fixed;}

.proe strong{display: block;font-weight: normal;}
.proe ul{height: auto;overflow: hidden;border: 1px solid #eee;}
.proe ul li{height: auto;overflow: hidden;border-right: 1px solid #eee;text-align: center;transition:.4s;}
.proe ul li i{font-size: 42px;color: #969696;}
.proe ul li span{display: block;}
.proe ul li:hover{transform: translateY(-20px);}

/*新闻*/
.newslist{height: auto;overflow: hidden;}
.newslist ul li a{display: block;background: url(../images/news.jpg) center top no-repeat;box-shadow: rgba(0,0,0,0.1) 0px 0px  7px 4px;transition:.4s;position: relative; }
.newslist ul li:hover a{background: url(../images/newsh.jpg) center bottom no-repeat;}
.newslist ul li:hover img{transform: scale3D(1.1, 1.1, 1.1)}
.newslist ul li:hover span{color: #0c3ab1;}
.newslist ul li:hover b{color: #dbe4fd;}
.time {display: block;line-height: 30px;color: #999;}
.newsfonta {position: relative;}
.newsfonta b{position: absolute;z-index: 1;font-family: fz;font-size:80px;color: #eff3ff;top:0;transition:.4s;}
.newsfonta strong{display: block;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;position: relative;z-index: 2; }
.newsfonta p{line-height: 30px;color: #777;}
.nimga{height: auto;overflow: hidden;}
.nimga img{display: block;max-width: 100%;transition:.4s;}
/*新闻详情*/
.newsinfo{height: auto;overflow: hidden;background: #f4f6f8;}
.ninfoa{height: auto;overflow: hidden;text-align: center;}
.ninfoa strong{display: block;font-size: 18px;color: #4c4c4c;line-height:40px;} 
.meta{line-height: 35px;color: #777;border-bottom: 1px solid #dbdbdb;}
.newsaa {height: auto;overflow: hidden;}
.newsaa  img{display: block;margin:0 auto;max-width: 100%;}
.newsaa  p{line-height: 30px;}
.sidea{padding: 2% 0;height: auto;overflow: hidden;}
.sidea li{height: auto;overflow: hidden;background: #f5f7fa;transition:.4s;}
.sidea li:hover{background: #0c3ab1;color: #fff;}
.sidea li:hover span{color: #fff;}
.sidea li:hover p{color: #fff;}
.sidea li img{max-width: 100%;}
.sidea li span{display: block;line-height: 25px;margin:10px 0;color: #666;}
.sidea li p{line-height: 25px;color: #666;font-size: 13px;}
.sidea dl{height: auto;overflow: hidden;background: #f5f7fa;border-top: 1px dashed #dae6f9;}
.sidea dl dd{line-height: 35px;margin-bottom: 0px;}
.sidea dl dd a{display: block;position: relative;padding-left: 1rem;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;color: #777;transition:.4s;}
.sidea dl dd a:hover{color: #0c3ab1;}
.sidea dl dd a:hover::before{background: #0c3ab1;}
.sidea dl dd a::before{position: absolute;content: "";top:40%;left:0;width: 5px;height: 5px;background: #555;border-radius: 20px;}
.page{border-top: 1px solid #dbdbdb;padding-top: 1rem;margin-top: 1rem;height: auto;overflow: hidden;}
#prev_next li{line-height: 35px; color: #777;}
#prev_next li i{float: left;}
#prev_next li a{transition:.4s;}
#prev_next li:hover a{color: #0c3ab1 !important;}
.back a{float: right; display: block;width: 140px;line-height: 45px;color: #fff; border:1px solid #0c3ab1;border-radius: 5px;text-align: center;;transition:.4s;background: #0c3ab1}
.back a:hover{border-radius: 0 20px 0 20px}
/*联系*/
.lxwma{padding-top: 10%;}
.lxwma_a{text-align: center;transition:.4s;height: auto;overflow: hidden;}
.lxwma_a:hover b{background: #0c3ab1;border-radius: 0 20px 0 20px;}
.lxwma_a b{display: block;font-weight: normal;transition:.8s;width:70px;line-height: 60px;background: #969696;text-align: center;margin:0 auto;border-radius: 10px;margin-bottom: 1rem;}
.lxwma_a i{font-size: 30px;color: #fff;}
.lxwma_a span{display: block;line-height: 30px;font-size: 15px;}
.lxwma_a p{line-height: 30px;transition:.4s;color: #777;}
.lxwma ul{height: auto;overflow: hidden;background: rgba(12,58,177,.4);}
.lxwma li{height: auto;overflow: hidden;background: #fff;border-right: 1px solid #eee;}
.lxwmb{height: auto;overflow: hidden;background:#fff;}
.lxwmtitb{width: 80%;text-align: center;margin:0 auto;}
.lxwmtitb span{display: block;font-weight:600;}
.lxwmtitb p{line-height: 30px;font-size: 16px} 
.lxwmb_a .forma input{display: block;float: left; width: 49%;margin-right: 2%;background: #efefef; line-height: 45px;padding-left:4rem;margin-bottom: 1rem;}
.lxwmb_a  textarea{display: block;width: 100%;padding-top: 1rem;padding-left: 4rem;margin-bottom: 2rem;background:url(../images/cionc.jpg) 15px center no-repeat #efefef;}
.lxwmb_a .forma input:nth-of-type(1){background:url(../images/ciona.jpg) 15px center no-repeat #efefef;}
.lxwmb_a .forma input:nth-of-type(2){background:url(../images/cionb.jpg) 15px center no-repeat #efefef;margin-right: 0px;}
.lxwmb_a .code input{float: left;width: 35%;line-height: 45px;background: #efefef;text-align: center;}
.lxwmb_a .code .verify{float: left;width: 30%;margin: 0 3%;}
.lxwmb_a .code .verify img{max-width: 100%;height: 45px;}
.lxwmb_a .code .submit{float: left;width: 28%; display: block;line-height: 45px;color: #efefef;text-align: center; background: #0c3ab1;transition: .4s;}
.lxwmb_a .code .submit:hover{background: #444;border-radius: 0 20px 0 20px;}
.mes-form{height: auto;overflow: hidden;}
.lxwmb_a .code{width: 36%;margin:0 auto;}

@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;}

.banner{height: auto;overflow: hidden;}
.banner img{max-width: 100%;}
.intype li{padding: 0px !important;}
.in03a .gallery-thumbs .swiper-slide i{display: none;}
.companyba{height: 300px;}
.hfonta span{font-size: 14px;}
.back a{float: left;}
.topa img{float: left; width: 70%;}
.in01a .mySwiper2{width: 100%;}
.in01a .mySwiper{display: none;}
.in01b_a li em{width: 65px;height: 65px;padding-top:.5rem;}
.in01b_a li em i{font-size: 32px;}
.in02a .gallery-top .swiper-slide img{width: 330%;}
.in02b_b li{line-height: 25px;}
.in03a .gallery-thumbs .swiper-slide{padding: .5rem;font-size: 14px;}
.in03a .gallery-thumbs .swiper-slide i{font-size: 24px;}
.in03a .gallery-top .swiper-slide img{max-width: 490%;}
.in02a .gallery-thumbs .swiper-slide b{width: 60px;height: 60px;margin-right: .25rem;}
.in02a .gallery-thumbs .swiper-slide i{width: 50px;height: 50px;}
.in02a .gallery-thumbs .swiper-slide i em{font-size: 22px;}
.in02a .gallery-thumbs .swiper-slide span{font-size: 13px;}
.in03c strong{font-size: 80px;}
.in03b{top:6%;}
.in04a .swiper-slide:hover .in04img span{background: rgba(0,0,0,.4);opacity: 1;padding-top: 1rem;}
.in04a .swiper-slide{min-height: 260px;}
.in05aa{display: none;}
.in05a .swiper-pagination{bottom: 45% !important;}
.fonta{width: 100%;}
.locationa li{width: 25%;}
.comb_l{width: 100%;}
.comb_r{width: 100%;}
.companyd p{width: 100%;}
.pfontb a{line-height: 35px;}
.prob_c a{width: 110px;}
.ptita i{display: none;}
.proc_e{padding: 1rem;}
.proda strong{font-size: 22px;}
.caseslist li span i{display: none;}
.shfwb p{width: 100%;}
.newslist{padding-left: 15px;padding-right: 15px;}
.lxwmb{padding-left: 15px;padding-right: 15px;}
.lxwmb_a .code{width: 100%;}

.ban{margin:30% 0 ;}
.location{line-height: 40px;margin-top:0px;}
.locationb{text-align: left;}
.qywhb_a strong::after{width: 0px;}
.qywhb_a{width: 50%;}
.proad li{padding-left: .25rem;padding-right: .25rem;}
.lxwma{padding-top: 20%;}
.lxwmtitb p{font-size: 14px;width: 100%;}

}

@media (min-width: 576px) and (max-width: 768px) { 
.banner{height: auto;overflow: hidden;}
.banner img{max-width: 100%;}
.intype li{padding: 0px !important;}
.in03a .gallery-thumbs .swiper-slide i{display: none;}
.companyba{height: 300px;}
.hfonta span{font-size: 14px;}
.back a{float: left;}
.topa img{float: left; width: 70%;}
.in01a .mySwiper2{width: 100%;}
.in01a .mySwiper{display: none;}
.in01b_a li em{width: 65px;height: 65px;padding-top:.5rem;}
.in01b_a li em i{font-size: 32px;}
.in02a .gallery-top .swiper-slide img{width: 180%;}
.in02b_b li{line-height: 25px;}
.in03c p{display: none;}
.in03a .gallery-thumbs .swiper-slide{padding: 1rem 0;font-size: 16px;}
.in03a .gallery-thumbs .swiper-slide i{font-size: 24px;}
.in02a .gallery-thumbs .swiper-slide b{width: 60px;height: 60px;margin-right: .25rem;}
.in02a .gallery-thumbs .swiper-slide i{width: 50px;height: 50px;}
.in02a .gallery-thumbs .swiper-slide i em{font-size: 22px;}
.in02a .gallery-thumbs .swiper-slide span{font-size: 13px;}
.in03c strong{font-size: 80px;}
.in03b{top:6%;}
.in04a .swiper-slide:hover .in04img span{background: rgba(0,0,0,.4);opacity: 1;padding-top: 1rem;}
.in04a .swiper-slide{min-height: 260px;}
.in05aa{display: none;}
.in05a .swiper-pagination{bottom: 45% !important;}
.fonta{width: 100%;}
.locationa li{width: 25%;}
.comb_l{width: 100%;}
.comb_r{width: 100%;}
.companyd p{width: 100%;}
.pfontb a{line-height: 35px;}
.prob_c a{width: 110px;}
.ptita i{display: none;}
.proc_e{padding: 1rem;}
.proda strong{font-size: 22px;}
.caseslist li span i{display: none;}
.shfwb p{width: 100%;}
.newslist{padding-left: 15px;padding-right: 15px;}
.lxwmb{padding-left: 15px;padding-right: 15px;}
.lxwmb_a .code{width: 100%;}

.ban{margin:30% 0 ;}
.location{line-height: 40px;margin-top:0px;}
.locationb{text-align: left;}
.qywhb_a strong::after{width: 0px;}
.qywhb_a{width: 50%;}
.proad li{padding-left: .25rem;padding-right: .25rem;}
.lxwma{padding-top: 20%;}
.lxwmtitb p{font-size: 14px;width: 100%;}
.in03a .gallery-top .swiper-slide img{max-width: 270%;}
.comtita strong{font-size: 24px;}
 }
@media (min-width: 768px) and (max-width:992px) { 
    .banner{height: auto;overflow: hidden;}
    .banner img{max-width: 100%;}
.intype li{padding: 0px !important;}
.in03a .gallery-thumbs .swiper-slide i{display: none;}
.companyba{height: 300px;}
.hfonta span{font-size: 14px;}
.back a{float: left;}
.topa img{float: left; width: 40%;}
.in01a .mySwiper2{width: 100%;}
.in01a .mySwiper{display: none;}
.in01b_a li em{width: 65px;height: 65px;padding-top:.5rem;}
.in01b_a li em i{font-size: 32px;}
.in02a .gallery-top .swiper-slide img{width: 130%;}
.in02b_b li{line-height: 25px;}
.in03a .gallery-thumbs .swiper-slide{padding: 1rem 0;font-size: 16px;}
.in03a .gallery-thumbs .swiper-slide i{font-size: 24px;}
.in03c strong{font-size: 80px;}
.in03b{top:6%;}
.in04a .swiper-slide:hover .in04img span{background: rgba(0,0,0,.4);opacity: 1;padding-top: 1rem;}
.in04a .swiper-slide{min-height: 260px;}
.in05aa{display: none;}
.in05a .swiper-pagination{bottom: 45% !important;}
.fonta{width: 100%;}
.locationa li{width: 25%;}
.comb_l{width: 100%;}
.comb_r{width: 100%;}
.companyd p{width: 100%;}
.pfontb a{line-height: 35px;}
.prob_c a{width: 110px;}
.ptita i{display: none;}
.proc_e{padding: 1rem;}
.proda strong{font-size: 22px;}
.caseslist li span i{display: none;}
.shfwb p{width: 100%;}
.newslist{padding-left: 15px;padding-right: 15px;}
.lxwmb{padding-left: 15px;padding-right: 15px;}
.lxwmb_a .code{width: 100%;}

.ban{margin:30% 0 ;}
.location{line-height: 40px;margin-top:0px;}
.locationb{text-align: left;}
.qywhb_a strong::after{width: 0px;}
.qywhb_a{width: 50%;}
.proad li{padding-left: .25rem;padding-right: .25rem;}
.lxwma{padding-top: 20%;}
.lxwmtitb p{font-size: 14px;width: 100%;}

.in03c span{font-size: 18px;}
.in03c p{font-size: 13px;line-height: 25px;}
.in01a .mySwiper{top:3rem;}
.in03a .gallery-top .swiper-slide img{max-width: 145%;}
.proaa p{line-height: 25px;}
.proac {display: none !important;}
 }
@media (min-width: 992px) and (max-width:1200px) { 
.in03b{top:6%;}
.in05a .swiper-pagination{bottom: 42%!important}
.caseslist li span i{display: none;}
.in03a .gallery-top .swiper-slide img{max-width: 135%;}
.proaa p{line-height: 30px;}
.proc_e{padding: 1rem;}
.sidetit strong{font-size: 24px;}
.banner .swiper-slide .bannerc img{max-width: 70%;}
.in01a .mySwiper{height: 300px;}
.in01a .swiper-button-next{display: none;}
.in01a .swiper-button-prev{display: none;}
}
@media (min-width: 1200px) and (max-width:1400px) { 
.topb b{font-size: 18px;}
.topb_a:nth-of-type(2) a{margin-top: 0px;}
.bannera img{max-width: 45%;}
.in05aimg{padding-bottom:63%;}
.in05a .swiper-pagination{bottom: 34% !important}
.proc_e{padding: 4rem;}
}

@media (min-width: 1200px) and (max-width:1600px) { 
.in03a .gallery-top .swiper-slide img{max-width: 140%;}
}
@media (min-width: 1200px) {
.container{max-width: 1400px ;}
.top .container{max-width: 1600px ;}
}