@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: 16px;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');}
@font-face {font-family:fza;src: url('../css/BEAUTIFUL ES.TTF');}
#dituContent label {max-width: unset!important;text-align: center;}
.overflow-1{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.overflow-2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.overflow-3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.overflow-4{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
.jw-skin-bce .jw-controlbar{width: 100%;}
/*top*//*top*/
.top{background: #fff;width: 100%;z-index: 666;}
.topa a{display: block;}
.topa img{display: block;max-width: 100%;}
.topb_a{text-align: center;line-height: 45px;}
.topb_a a{float: left;width: 50%;text-align: center; display: block; transition:.4s;position: relative;font-size: 15px;color: #777;}
.topb_a a:nth-of-type(2)::before{position: absolute;content: "";left:0;top:35%; width: 1px;height: 15px; background: #c5c5c5;}
.topb_a a:hover{color: #0b5fbc;}
.topb_b{color: #15499a;line-height: 45px;}
.topb_b b{font-size: 23px;font-family: fz;font-weight: 100;}
.topb_b i{font-size: 24px;margin-right: .5rem;}
.topb_c{text-align: center;line-height: 90px;}
.topb_c i{font-size: 22px;color: #999999;}
.search{position: relative;margin-top:.5rem;}
.search-text{float: left; border: 1px solid #ddd;line-height: 38px;padding-left: 5px;width: 80%;border-radius: 30px 0 0 30px;}
.fdj{float: right;height: 40px; line-height: 40px;background: url(../images/fdj.png) center no-repeat #0c3ab1;border-radius:  0 30px 30px 0;overflow: hidden;
    outline: none;color: #fff;width: 20%;transition:.4s;}
.fdj:hover{background: url(../images/fdj.png) center no-repeat #444;}
.menu{margin-bottom: 0;line-height: 60px;}
.menu li{text-align: center;height: 100%;}
.menu li span{display: block;transition:.4s;font-size: 16px;font-weight: bold;}
.menu li:hover span{color: #0b5fbc}
.menu li.curr { transition: all 0.3s ease 0s; }
.menu li.curr .submenu{opacity: 1; }
.menu li .submenu{position:fixed;z-index: 8;top:108px;left:0; width:100%;text-align: left; height:0;overflow: hidden;opacity:0;background:rgba(255,255,255,.98);
    border-top: 1px solid #eee;transition: all 0.3s ease 0s;border-bottom: 2px solid #eee }
.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;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: 30px;right: 10px;top: -28px;}
.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: 30px;color: #777;}
.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;}
/*首页大图*/
.banner .swiper-slide img{width: 100%;}
.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;}
.in01aa strong{display: block;font-size: 72px;color: #f3f3f3;text-transform: uppercase;}
.in01aa span{display: block;margin-top: -60px;}
.in01aa b{display: block;}
.in01aa p{color: #777;}
.in01ac img{border-radius: 10px;}
.in01ab p{line-height: 35px;color: #777;display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;}
.more a{display: block;transition:.4s;line-height: 80px;color: #777;}
.more a em{color: #0faadd;font-size: 22px;}
.more strong{display: block;color: #e8e8e8;font-size: 60px;font-family:fz;}
.more a:hover{color: #0b5fbc;}
/*in_02*/
.in_02{height: auto;overflow: hidden;background: url(../images/in02bg.jpg) center top no-repeat;}
.intita b{display: block;font-size: 72px;color:rgba(0,0,0,.05);text-transform: uppercase;font-family: fz;}
.intita p{margin-top:-67px;}
.intita a{display: block;width: 140px;line-height: 45px;background: #15499a;color: #fff;border: 1px solid #15499a;transition:.4s;text-align: center;}
.intita a:hover{background: #fff;color: #15499a;}
.in02a{position: relative;}
.in02a .swiper-container{height: auto;overflow: hidden;position: relative;}
.in02a .swiper-slide{transition:.4s;padding-bottom: .5rem;}
.in02a .swiper-slide a{display: block;box-shadow:0px 0px 3px 3px #f1f1f1;}
.in02a .swiper-slide a:hover img{transform: scale3D(1.05, 1.05, 1.05)}
.in02a .swiper-slide a:hover span{color: #0c3ab1;}
.in02a .swiper-slide img{display: block;max-width: 100%;transition:all .5s ease 0s}
.in02aimg{display: block;width: 100%;height: 0;padding-bottom: 72%;position: relative;overflow: hidden;}
.in02aa {background: #fff;}
.in02aa span{display: block;color: #777;font-weight: normal;line-height: 30px;}
.in02aa strong{display: block;transition:.4s;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;color: #15499a;}
.in02aa p{line-height: 25px;color: #777;display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;}
.in02a .swiper-pagination-bullet{width: 8px;height: 8px;background: #2c2c2c;}
.in02a .swiper-pagination-bullet-active{background: #0c3ab1;}
.in02a .swiper-pagination{text-align: right;padding-right: 1rem;bottom: 30% !important;}
.in02b li{height: auto;overflow: hidden;}
.in02b li:hover img{transform: scale3D(1.05, 1.05, 1.05)}
.in02b li:hover span{color: #0c3ab1;}
.in02ba{display:block;height: auto;overflow: hidden; width: 30%;}
.in02ba img{display: block;max-width: 100%;transition:all .5s ease 0s}
.in02bb{height: auto;overflow: hidden;width: 68%;}
.in02bb span{display: block;line-height:35px;height:35px;overflow: hidden;font-size: 16px;transition:.4s;}
.in02bb p{line-height: 25px;color: #777;display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;}
/*in_03*/
.in_03 {height: auto;overflow: hidden;;position: relative;}
.in_03 .hd{position: relative;background: rgba(96,108,125,.9);}
.in_03 .hd ul li a{height: auto;overflow: hidden;color: #fff;transition:.4s;border-left: 1px solid rgba(255,255,255,.2);border-top: 1px solid rgba(255,255,255,.2);padding: 2rem;font-size: 18px;line-height: 40px;}
.in_03 .hd ul li a:hover{background:#15499a;}
.in_03 .hd ul strong{float: left; font-size: 42px;margin-right: 1rem;font-family: fz;}
.in_03 .hd ul span{display: block;}
.in_03 .hd ul span p{font-size: 14px;line-height: 25px;}
.in_03 .bd{position: relative;}
.in_03 .bd img{max-width: 100%;}
.in03b{position: absolute;top:14%;width: 100%;color: #fff;}
.in03b strong{display: block;font-size: 100px;font-family:fz;color: rgba(255,255,255,.1);text-transform: uppercase;}
.in03b span{display: block;font-size: 30px;margin-top: -80px;}
.in03b b{display: block;font-size: 36px;line-height: 80px;}



/*in_04*/
.in_04{height: auto;overflow: hidden;}
#ssjs{ text-align: center; margin-top: 3%;}
#ssjs .swiper-container {
    padding: 0 0 2rem 0;
    width: 100%;
    height: 100%;
    position: relative;
}
#ssjs .swiper-slide {
    transition:0.3s;
    position: relative;
    padding-bottom: 60px;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

}
#ssjs .swiper-slide .pic{ display: block; width: 100%; height: 0; padding-bottom: 45%; position: relative; overflow: hidden; background: #000;}
#ssjs .swiper-slide .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; text-align: center; opacity: 0.5; transition: 0.3s;}
#ssjs .swiper-slide .font{ padding: 4%; width: 35%;text-align: left; position: absolute; left: 5%; bottom: -70px; z-index: 1; 
    background: #fff; opacity: 0; transition: 0.5s; overflow: hidden;box-shadow: 0px 10px 10px 0px #eee;}
#ssjs .swiper-slide .font .tit strong{display: block;color: #0b5fbc;font-size: 30px;line-height: 65px; font-weight: bold;}
#ssjs .swiper-slide .font .tit span{display: block;font-size: 24px;line-height: 40px;font-weight: bold;}
#ssjs .swiper-slide .font .tit p{color: #777;line-height: 25px;display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;}
#ssjs .swiper-slide .font .jiantou{ display: block; width: 40px; height: 40px; border: 1px solid rgba(0,0,0,0.5); text-align: center; line-height: 40px;
 transition: 0.3s;}
#ssjs .swiper-slide-active .pic img{ opacity: 1;}
#ssjs .swiper-slide-active .font{ opacity: 1; bottom: 0;}
#ssjs .swiper-slide .font .jiantou:hover{ background: #0b5fbc;border: 1px solid rgba(11,95,188,0.5)}
#ssjs .swiper-slide .font .jiantou:hover i{ color: #fff;}

#ssjs .swiper-button-next:after,#ssjs .swiper-button-prev:after{ display: none;}
#ssjs .swiper-button-next{ background: rgba(0,0,0,.4); width: 90px; height: 50px; line-height: 50px; right: -45px; top: 45%; transition: 0.3s;}
#ssjs .swiper-button-prev{ background: rgba(0,0,0,.4); width: 90px; height: 50px; line-height: 50px; left: -45px; top: 45%; transition: 0.3s;}
#ssjs .swiper-button-next i,#ssjs .swiper-button-prev i{ color: #fff; font-size: 35px;}
#ssjs .swiper-button-next:hover,#ssjs .swiper-button-prev:hover{ background: #333;}
@media screen and (max-width:1200px){
    #ssjs .swiper-button-next{ right: 0;}
    #ssjs .swiper-button-prev{ left: 0;}
    #ssjs .swiper-button-next,#ssjs .swiper-button-prev{ width: 50px; height: 50px; line-height: 50px;}
    #ssjs .swiper-button-next i,#ssjs .swiper-button-prev i{ font-size: 25px;}
    #ssjs .swiper-slide .font .tit strong{display: block;color: #0b5fbc;font-size: 22px;line-height: 65px; font-weight: bold;}
    #ssjs .swiper-slide .font .tit span{display: block;font-size: 18px;line-height: 40px;font-weight: bold;}
    #ssjs .swiper-slide .font .jiantou{ display: none;}
}
@media screen and (max-width:991px){
    #ssjs .swiper-slide{flex-direction: column;}
    #ssjs .swiper-slide .font{ position: relative; left: 0; bottom: 0;padding: 3%; width: 100%; opacity: 1; min-height: 245px;}
    #ssjs .swiper-slide{ padding-bottom: 0;}
    #ssjs .swiper-button-next,#ssjs .swiper-button-prev{ top: 30%;}
}
@media screen and (max-width:768px){
    #ssjs .swiper-button-next,#ssjs .swiper-button-prev{ width: 40px; height: 40px; line-height: 40px;}
    #ssjs .swiper-button-next i,#ssjs .swiper-button-prev i{ font-size: 20px;}
    #ssjs .swiper-button-next,#ssjs .swiper-button-prev{ top: 25%;}
}
/*in_05*/
.in_05{height: auto;overflow: hidden;background: #f8f8f8;}
.index-all-pro{ height: auto;; overflow: hidden; text-align: center;}
.index-all-pro li{ float: left; width: 25%; overflow: hidden; height: 760px; position: relative; transition: all 0.5s; padding: 0; }
.index-all-pro li .pic{width: 100%; height: 100%; position: relative; overflow: hidden;}
.index-all-pro li .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; text-align: center; transition:0.3s;  }
.index-all-pro li .content{ transition: 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); font-size: 18px; z-index: 9; bottom: 0; left:0; position: absolute; width: 100%; height: 100%;text-align: center; color: #fff; padding-top: 40%;}
.index-all-pro li .content a{color: #fff;}
.index-all-pro li .content .tit span{display: block;font-size: 48px;font-family: fz;margin-bottom: 10%;transition: all 0.5s;}
.index-all-pro li .content .tit i{ font-size: 60px;}
.index-all-pro li .content .tit p{ font-size: 24px; padding: 2% 0 4% 0;position: relative;}
.index-all-pro li .content .tit p::before{ position: absolute;content: "";left:48%;width: 4%;height: 1px;background: #fff; bottom: 0;}
.index-all-pro li .content .tit a{display: block;transition:.4s;}
.index-all-pro li .content .fdj{ padding-top: 10%; transition: 0.3s;}
.index-all-pro li .content .fdj i{ font-size: 30px;}
.index-all-pro li .content .nr{ opacity: 0; font-size: 14px;text-align: left;border-bottom: 1px solid rgba(255,255,255,.8); margin: 8%;padding-bottom: 4%; transition:0.3s;line-height: 30px;}
.index-all-pro li .content .more{ opacity: 0; display: inline-block !important;line-height: 30px;font-size: 15px; transition:0.3s; color: #fff;}

.index-all-pro li img{ width: 100%; transition: all 2.5s }
.index-all-pro li:hover img{  transform: scale(1.1); }
.index-all-pro li:hover .content{ display: block; height: 80%; width: 70%; bottom: 15%; left: 15%; padding-top: 10%; background: rgba(21,73,154,0.7);}
.index-all-pro li:hover .content .more{ width: 40%;}
.index-all-pro li:hover .content span{font-size:100px;margin-bottom: 2%;}
.index-all-pro li:hover .content .nr,.index-all-pro li:hover .content .more{ opacity: 1;}
.index-all-pro li:hover{box-shadow: 3px 11px 20px -15px #5e6263;}
.index-all-pro .youshi_li{ width: 22%;}
.index-all-pro .youshi_li_active{width: 34%;}
@media screen and (max-width:1440px){
    .index-all-pro li{ height: 500px;}
    .index-all-pro li .content{ padding-top: 45%;}
    .index-all-pro li .content .more{ display: none !important;}
}
@media screen and (max-width:1200px){
    .index-all-pro li{ height: 350px;}
    .index-all-pro li .content .tit i{ font-size: 30px;}
    .index-all-pro li .content .tit p{ font-size: 20px;}
    .index-all-pro li .content .tit span{ font-size: 18px;}
    .index-all-pro li .content .nr{ line-height: 25px; font-size: 12px;}
    .index-all-pro li:hover .content{ padding-top: 5%;}
}
@media screen and (max-width:768px){
    .index-all-pro li{ width: 50%;}
    .index-all-pro li .content{ padding-top: 25%;}
    .index-all-pro li .content .tit i{ font-size: 30px;}
    .index-all-pro li .content .tit p{ font-size: 20px;}
    .index-all-pro .youshi_li{ width: 50%;}
    .index-all-pro .youshi_li_active{ width: 50%;}
}
@media screen and (max-width:765px){
    .index-all-pro li{ height: 250px;}
    .index-all-pro li:hover .content{ height: 90%; width: 90%; bottom: 5%; left: 5%;}
    .index-all-pro li .content .tit i{ font-size: 30px;}
    .index-all-pro li .content .tit p{ font-size: 16px;}
    .index-all-pro li .content .nr{ font-size: 12px; line-height: 20px; padding: 5%;}
}
/*脚步*/
.foottop{line-height: 65px;background: #0faadd;text-align: center;}
.foottop a{display: block;color: #fff;}
.foottop a i{font-size: 22px;}
.footer{height: auto;overflow: hidden;background:#333333;}
.foota{height: auto;overflow: hidden; }
.foota img{max-width: 100%; }
.footaa {float: right;color: #999;}
.footaa i{color: #fff;font-size: 20px;}
.footaa b{font-family: fz;color: #fff;}
.footb{height: auto;overflow: hidden;}
.footba li span{display: block;color: #cccccc;position: relative;}
.footba li p{line-height: 35px;}
.footba li p a{display: block;color: #666666;transition:.4s;}
.footba li p a:hover{color:#fff; }
.footbc {text-align: center;}
.footbc img{padding: .35rem;max-width: 100%;border: 1px dashed rgba(255,255,255,.6);}
.footbc span{display: block;text-align: center;line-height: 30px;color: rgba(255,255,255,.8)}
.footc {text-align: center;line-height: 50px;color: #515151;background: #191919;}
.footc a{color: #515151;transition:.4s;}
.footc a:hover{color: #fff;}
.ewm{float: right;}
.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;}
.footda strong{display: block;color: #fff;}
.footda a{color: #666;transition:.4s;line-height: 30px;}
.footda a:hover{color: #fff;}
.footdb {position: relative;width: 60%;float: right;}
.footdb span{text-align: right;}
.footdb span i{color: #fff;}
.footdb span a{display: block;transition:.4s;background: #282828;line-height: 50px;color: #515151;padding-right: 1rem;}
.footdb span:hover a{color: rgba(255,255,255,.8);}
.footdb:hover .footdc{height: 176px;}
.footdc{position: absolute;bottom: 55px;width: 100%; background: #f2f2f2;z-index: 1;right:0;height: 0px;overflow: hidden;transition:.4s;}
.footdc li a{display: block;color: #777;line-height: 40px;padding-left: 1rem;transition:.4s;}
.footdc li:hover a{background:#0b5fbc; color: #fff;}

.footnav{position: fixed;display: none; left: 0;bottom:0;width: 100%;background:#fff;z-index: 888;border-top: 1px solid rgba(0,0,0,.3)}
.footnav li{float: left;text-align: center;width: 21%}
.footnav li em{display: block;width: 30px;line-height: 30px;border-radius: 60px;background: #d10000;margin:.75rem auto 0 auto;}
.footnav li em i{color: #fff;}
.footnav li a{display: block;}
.footnav li:nth-of-type(1){width: 16%;}
.footnav li:nth-of-type(4) a{border-right: none;}
.footnav li i{font-size: 20px;}
.footnav li span{display: block;line-height: 20px;font-size: 12px;}
.footnav li a{display: block;padding-top:4%;}
.footnav li a:hover{color: #d0121b}
/*简介*/
.comban{overflow: hidden;background: url(../images/ban_com.jpg) center top no-repeat;}
.ryban{overflow: hidden;background: url(../images/ban_ry.jpg) center top no-repeat;}
.whban{overflow: hidden;background: url(../images/ban_wh.jpg) center top no-repeat;}
.caseban{overflow: hidden;background: url(../images/ban_case.jpg) center top no-repeat;}
.kjban{overflow: hidden;background: url(../images/ban_kj.jpg) center top no-repeat;}
.newban{overflow: hidden;background: url(../images/ban_new.jpg) center top no-repeat;}
.conban{overflow: hidden;background: url(../images/ban_con.jpg) center top no-repeat;}
.jobban{overflow: hidden;background: url(../images/ban_job.jpg) center top no-repeat;}
.ban {height: auto;overflow: hidden;margin:6% 0;color: #fff;position: relative;padding-left: 1rem;}
.ban em{position: absolute;width: 40px;height: 40px;background: rgba(21,73,154,.6);top:0; left:0;}
.ban strong{display: block;position: relative;z-index: 1;}
.ban p{line-height: 45px;margin-bottom: .25rem;}
.ban p a{color: #fff;transition:.4s;}
.ban p a:hover{color: #ddd;}
.ban i{display: block;width: 50px;height: 2px;background: #fff;}
.zmenu {line-height:60px;border-bottom: 1px solid #eeeeee}
.zmenu li a{display: block;text-align: center;font-size: 16px;position: relative;transition:.4s;}
.zmenu li a::before{position: absolute;content: "";left:15%;width:0%;bottom: 0;height: 2px;background: #15499a;transition:.4s;}
.zmenu li:hover a{color: #15499a}
.zmenu li:hover a::before{width: 70%;}
/*content_company*/
.companya img{max-width: 100%;margin:0 auto;}
.coma_a strong{display: block;font-size: 80px;color: #f8f8f8;text-transform: uppercase;}
.coma_a b{display: block;margin-top: -80px;font-weight: bold;}
.coma_a b i{color: #15499a;}
.coma_a span{display: block;color: #15499a;}
.coma_b p{color: #777;}
.coma_b a{display: block;width: 160px;line-height: 55px;background: #15499a;text-align: center;border: 1px solid #15499a;color: #fff;transition:.4s;}
.coma_b a:hover{background: #fff;border: 1px solid #15499a;color: #15499a;}
.coma_d{height: auto;overflow: hidden;margin-top: 40px;}
.coma_d span{display: block;text-align: center;}
.coma_d em{padding: 5px 6px;background: #0faadd;text-align: center;color: #fff;border-radius: 25px;}
.coma_d strong{font-size: 52px;position: relative;font-family:fz;font-weight: normal;color: #15499a;}
.coma_d p{line-height: 30px;font-size: 16px;color: #777;}

.companyb{height: auto;overflow: hidden;padding: 12% 0;background: url(../images/combbg.jpg)center center no-repeat;text-align: center;color: #fff;}
.companyb a{display: block;color: #fff;transition:.4s;}
.companyb a:hover{color: rgba(255,255,255,.7);}
.companyb i{font-size: 50px;}
.companyb strong{display: block;text-transform: uppercase;}
.companyc{height: auto;overflow: hidden;}
.comad{position: relative;border-radius: 5px;height: auto;overflow: hidden;}
.comad img{max-width: 100%;}
.comada{position: absolute;z-index: 3;width: 100%;text-align: center;}
.comada a{color: #fff;}
.comada img{display: block;}
.comada span{display: block;font-size: 30px;line-height: 50px;transition:all 0.6s ease 0s;;}
.comada i{display: block; font-size: 42px;margin-top: 30%;transition:all 0.4s ease 0s;}
.comaf b{display: block;width: 40px;height: 2px;background: #fff;margin: 40% auto 5% auto;transition:all 0.4s ease 0s;}
.comaf em{display: block;width: 140px;line-height: 40px;border: 1px solid #fff;color: #fff;margin:0 auto;font-style: normal;}
.comad:hover .comada{background: rgba(21,73,154,.7);color: #fff;height: 100%;}
.comad:hover .comada i{margin-top: 20%;opacity: 0;}
.comad:hover .comada span{color: #fff;}
.comad:hover .comaf b{margin: 4% auto 5% auto;}

.companyd{height: auto;overflow: hidden;background: url(../images/comdbg.jpg)center top no-repeat;}
.comdtit {border-bottom: 1px solid rgba(255,255,255,.2)}
.comdtit b{display: block;font-size: 72px;color:rgba(255,255,255,.05);text-transform: uppercase;font-family: fz;}
.comdtit p{margin-top:-67px;color: #fff;font-weight: bold;}
.comdtit a{display: block;line-height: 45px;color: #888;transition:.4s;text-align: center;}
.comdtit a:hover{color: #fff;}
.comd_a i{font-size: 48px;color: #c49474;}
.comd_a span{display: block;color: #c49474;}
.comd_b{text-align: center;border-right: 1px solid rgba(255,255,255,.2)}
.comd_a li{float: left;width: 50%;padding-left: 10%; line-height: 35px;}
.comd_a li a{display: block;color: #fff;font-family: fz;transition:.4s;}
.comd_a li a:hover{color: rgba(255,255,255,.7);}
.comd_a li a b{font-size: 16px;}
.comd_c {height: auto;overflow: hidden;position: relative;}
.comd_c .mySwiper{height: auto;overflow: hidden;padding:1% 0 8% 0;}
.comd_c .swiper-slide a{display: block;padding: 1rem;background: #f7f7f7;box-shadow: 0px 0px 10px 2px #afafaf;text-align: center;transition:.4s;}
.comd_c .swiper-slide a:hover{background: #eee;}
.comd_c .swiper-slide a img{display: block;max-width: 100%;}
.comd_c .swiper-slide a span{display: block;margin-top: .75rem;}
.comd_d{display: block;width: 100%;height: 0;padding-bottom: 70%;position: relative;overflow: hidden;}
.comd_c .swiper-button-prev{position: absolute;transition:.4s;top:92%;left:92%;}
.comd_c .swiper-button-prev i{font-size: 30px;}
.comd_c .swiper-button-next{position: absolute;transition:.4s;top:92%;right:3%;}
.comd_c .swiper-button-next i{font-size: 30px;}
.comd_c .swiper-button-next:after, .comd_c .swiper-button-prev:after{display: none;}
.comd_c .swiper-pagination{text-align: left;font-size: 16px;width: 140px;}
.comd_c .swiper-pagination-current{font-size: 32px;}
.comd_c .swiper-pagination-total{color: #d10000;}
.swiper-horizontal>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal{left:0 !important;width: 100% !important;}

.come_a .swiper-container {width: 100%;height: 100%;padding: 6rem 0;}
.come_a .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);
    }
.come_a .mySwiper{padding: 6% 0;}
.come_a .swiper-slide{transform: scale(1);z-index: 4;position: relative;}
.come_a .swiper-slide-active{transform: scale(1.4) !important;z-index: 6;position: relative;}
.come_a .swiper-slide img{display: block;max-width: 100%;}
.come_a .swiper-slide-prev {position: relative;}
.come_a .swiper-slide-prev::before {position: absolute;content: "";width: 100%;height: 100%;z-index: 2;background: rgba(0,0,0,0.7);}
.come_a .swiper-slide-next {position: relative;}
.come_a .swiper-slide-next::before {position: absolute;content: "";width: 100%;height: 100%;z-index: 2;background: rgba(0,0,0,0.7);}
.come_a .swiper-button-next::after {display: none;}
.come_a .swiper-button-prev::after {display: none;}
.come_a .swiper-button-prev {left:10%;}
.come_a .swiper-button-prev:hover span{color: #999;border-bottom: 1px solid #999;}
.come_a .swiper-button-prev span{display: block;color: #fff;font-size: 20px;line-height: 40px;border-bottom: 1px solid #fff;transition:.4s;}
.come_a .swiper-button-prev i{color: #fff;}
.come_a .swiper-button-next span{display: block;color: #fff;font-size: 20px;line-height: 40px;border-bottom: 1px solid #fff;transition:.4s;}
.come_a .swiper-button-next:hover span{color: #999;border-bottom: 1px solid #999;}
.come_a .swiper-button-next {right:10%;}
.come_a .swiper-button-next i{color: #fff;}
.come_a .swiper-slide-active:hover .come_b{bottom: 0;}
.come_b{position: absolute;bottom: -130px;z-index: 3;background: rgba(21,73,154,0.8);width: 100%;color: #fff;padding: 1rem;transition: all .6s ease 0s;}
.come_b span{display: block;font-size: 18px;}
.come_b p{line-height: 20px;font-size: 12px;}

.abouta {height: auto;overflow: hidden;}
.abouta img{max-width: 100%;}
.abouta p{line-height: 30px;color: #777;}
.abouttit strong{display: block;font-size: 80px;text-transform: uppercase;color: #f8f8f8;}
.abouttit span{display: block;margin-top: -80px;}
.aboutb li{height: auto;overflow: hidden;background: #f8f8f8;}
.aboutb li:nth-of-type(2n+0){background: #fff;}
.aboutb img{display: block;max-width: 100%;}
.aboutb strong{display: block;color:#15499a;}
.aboutb span{display: block;color: #666;}
.aboutb p{line-height: 30px;color: #777;}
.zzjg p{line-height: 30px;}
.zzjg img{display: block;max-width: 100%;margin:0 auto;}

.gltd{height: auto;overflow: hidden;}
.gltd ul li{height: auto;overflow: hidden;box-shadow: rgba(4,4,4,0.1) 0 0 8px 8px; transition: all linear 0.3s;border-radius: 5px;}
.gltd ul li:hover{box-shadow: rgba(4,4,4,0.1) 0 0 10px 8px;transform: translate3d(0,-2px,0);}
.gltd ul li:hover i{background: #fff;color: #ce000c; }
.gltda{height: auto;overflow: hidden;}
.gltda img{display: block;width: 100%;}
.gltdb span{display: block;}
.gltdb strong{display: block;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;color: #666;font-weight: normal;border-bottom: 1px solid #eeeeee}
.gltdb p{line-height: 30px;color: #999;}
.gltdb p i{color: #15499a;}

.honor{height: auto;overflow: hidden;background:#f9f9f9;}
.honor ul li a{display: block;height: auto;overflow: hidden;background: #fff;}
.honor ul li a span{text-align: center;line-height: 55px;transition:.4s;}
.honor ul li a:hover span{background:#15499a;color: #fff;}
.himga {display: block;width: 100%;height: 0;padding-bottom: 75%;position: relative;overflow: hidden;z-index:4;}
.himgb {display: block;width: 100%;height: 100%;left: 0;position: absolute;}
.himga i{position: absolute;z-index: 3;width: 100%;height: 100%; background: url(../images/himga.png) center no-repeat;background-size: 100%;}
.himga img{display: block;margin: 0 auto;max-width: 100%;max-height: 100%;transition: 0.3s;}


/*企业文化*/
.qywha{height: auto;overflow: hidden;}
.qywhtit {text-align: center;}
.qywhtit strong{display: block;font-size: 80px;text-transform: uppercase;color: rgba(0,0,0,.03);}
.qywhtit span{display: block;font-weight: bold;margin-top: -80px;}
.qywha_a {box-shadow:0px 0px 10px 5px #f1f1f1;background: url(../images/qywhb.png) center left no-repeat; }
.qywha_a strong{display: block;color: #15499a;}
.qywha_a p{color: #777;}
.qywha_a i{font-size: 54px;color: #15499a;}
.qywha_a img{max-width: 100%;transition:.4s;border: 1px solid #fff;}
.qywha_c{height: auto;overflow: hidden;}
/*.qywha li:hover img{transform: scale(1.04, 1.04)}*/
.qywhb img{display: block;max-width: 100%;margin:0 auto;}
.qywhb strong{display: block;}
.qywhb p{line-height: 35px;color: #777;}
.qywhb p i{color: #15499a;}
.qywhc{height: auto;overflow: hidden;background: url(../images/qywhcbg.jpg) center top no-repeat;}
.qywhd .mySwiper{height: auto;overflow: hidden;}
.qywhd .swiper-slide a{display: block;position: relative;padding-bottom: .5rem;}
.qywhd .swiper-slide img{display: block;width: 100%;transition: all 1s ease}
.qywhd .swiper-slide:hover img{transform: scale(1.05, 1.05)}
.qywhd .swiper-slide:hover span{color: #003894;}
.qywhd .swiper-slide:hover p::before{width: 40px;}
.qywhda{position: relative;overflow: hidden;width: 100%;height: 0;padding-bottom: 66%;}
.qywhdb{transition:.4s;border: 1px solid #e4e4e4;background: #fff;}
.qywhdb span{display: block;border-bottom: 1px solid #e4e4e4;transition:.4s;font-weight: bold;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
.qywhdb p{line-height: 30px;color: #777;transition:.4s;text-align: right;position: relative;}
.qywhdb p::before{position: absolute;content: "";width: 10px;height: 2px;background: #003894;top:15px;left:0;transition:.4s;}
.qywhdb p i{font-size: 13px;}

.qywhd .swiper-button-prev{position: absolute;width: 45px;height: 45px;border-radius: 30px;background: rgba(21,73,154,.9); transition:.4s;top:50%;left:3%;}
.qywhd .swiper-button-prev:hover{background: rgba(0,0,0,.8);}
.qywhd .swiper-button-prev i{font-size: 30px;color: #fff;}
.qywhd .swiper-button-next{position: absolute;width: 45px;height: 45px;border-radius: 30px;background: rgba(21,73,154,.9); transition:.4s;top:50%;right:3%;}
.qywhd .swiper-button-next:hover{background: rgba(0,0,0,.8);}
.qywhd .swiper-button-next i{font-size: 30px;color: #fff;}
.qywhd .swiper-button-next:after, .qywhd .swiper-button-prev:after{display: none;}
.pageback{text-align: right;}
.pageback a{display: block;float: right;text-align: center; background: #eee;width: 140px;line-height: 45px; border-radius: 40px;transition:.4s;}
.pageback a:hover{background: #15499a;color: #fff;}
.qywhd_a a{display: block;width: 160px;line-height: 50px;background:#15499a;border: 1px solid #15499a; color: #fff;margin:0 auto;border-radius: 50px;
    text-align: center;transition:.4s;}
.qywhd_a a:hover{background:#fff;color: #15499a;}


.qywhlist .mySwiper{height: auto;overflow: hidden;}
.qywhlist li a{display: block;position: relative;padding-bottom: .5rem;}
.qywhlist li img{display: block;width: 100%;transition: all 1s ease}
.qywhlist li:hover img{transform: scale(1.05, 1.05)}
.qywhlist li:hover span{color: #003894;}
.qywhlist li:hover p::before{width: 40px;}
/*荣誉获奖*/
.ryhja{height: auto;overflow: hidden;background: url(../images/ryhjabg.jpg) center center no-repeat;}
.ryhja_a .mySwiper{padding: 6% 0 19% 0;position: relative;}
.ryhja_a .swiper-slide {transform: scale(0.8, 0.8);transition:.4s;}
.ryhja_a .swiper-slide img{display: block;max-width: 100%;}
.ryhja_a .swiper-slide span{display: none;text-align: center;margin-top:1rem;}
.ryhja_a .swiper-slide-next{transform: scale(1.5, 1.5)}
.ryhja_a .swiper-slide-next span{display: block;}
.ryhja_a .swiper-button-prev{position: absolute;width: 4%;height: 30px;border-radius:15px 0 0 15px;background:#15499a; transition:.4s;top:90%;left:46%;}
.ryhja_a .swiper-button-prev:hover{background: rgba(0,0,0,.8);}
.ryhja_a .swiper-button-prev i{font-size: 30px;color: #fff;}
.ryhja_a .swiper-button-next{position: absolute;width: 4%;height: 30px;border-radius:0 15px 15px 0;background:#89aad5; transition:.4s;top:90%;right:46%;}
.ryhja_a .swiper-button-next:hover{background: rgba(0,0,0,.8);}
.ryhja_a .swiper-button-next i{font-size: 30px;color: #fff;}
.ryhja_a .swiper-button-next:after, .ryhja_a .swiper-button-prev:after{display: none;}
.ryhjb{height: auto;overflow: hidden;background: url(../images/ryhjbbg.jpg) center top no-repeat;}
.ryhjb_a{background:  url(../images/ryhjb_a.png) center center no-repeat;color: #fff;padding: 11% 8% 126% 8%;}
.ryhjb_a strong{display: block;}
.ryhjtpe li a{display: block; transition:.4s;position: relative;text-align: center;}
.ryhjtpe li a:hover::before{width: 40%;}
.ryhjtpe li a::before{position: absolute;content: "";width: 0px;height: 2px;background: #15499a;left:30%;bottom: 0;transition:.4s;}
.ryhjtpe li a:hover{color: #15499a}
.ryhjb_b a{display: block; height: auto;overflow: hidden;background: #fff;transition:.4s;position: relative;}
.ryhjb_b a::before{position: absolute;content: "";bottom: 0;left:0;width: 0px;height: 2px; background: #15499a;transition:.4s;}
.ryhjb_b a:hover{box-shadow: 0px 0px 10px 5px #e5e5e5;}
.ryhjb_b a:hover::before{width: 100%;}
.ryhjb_b a img{display: block;max-width: 100%;}
.ryhjb_b a span{text-align: center;}


.honorlist{height: auto;overflow: hidden;}
.honorlist li{height: auto;overflow: hidden;}
.honorlist li a{display: block;position: relative;border: 1px solid #efefef;}
.honorlist li a strong{display: block;line-height:60px;text-align: center;}
.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: 40px;}
.pimga{position: relative;overflow: hidden;width: 100%;height: 0;padding-bottom: 75%;}
/*content_product*/
.ptype{height: auto;overflow: hidden;}
.ptype li a{display: block;text-align: center;position: relative;}
.ptype li a::before{position: absolute;content: "";width: 100%;height: 1px;background: #dadada;top:38%;left:82%;}
.ptype li:last-child a::before{width: 0px;}
.ptype li a:hover em{border: 1px solid #fff;background: #e7ecf5;}
.ptype li a:hover b{background: #15499a;}
.ptype li a:hover i{color: #fff;}
.ptype li em{display: block;width: 130px;height:130px;background: #fff;transition:.4s; border: 1px solid #dadada;border-radius: 100px;text-align: center;margin:0 auto;padding: 10px;}
.ptype li em b{display: block;width: 100%;height:100%;padding-top: 10%;transition:.4s;border: 1px solid #dadada;border-radius: 100px;text-align: center;margin:0 auto;font-weight: normal;}
.ptype li em i{font-size: 50px;font-weight: normal;transition:.4s;}
.ptype li a span{display: block;}

.ptypea{height: auto;overflow: hidden;background: #f7f7f7;}
.ptypelist{clear: both;}
.ptypelist li a{display: block;background: #fff;transition:.4s;}
.ptypelist li a:hover{box-shadow:rgb(0 0 0 / 10%) 0px 0px 7px 4px;}
.ptypelist li a:hover strong{background: url(../images/pfonta.jpg) center 80% no-repeat #fff;}
.ptypelist li a:hover em{background: #0fa9dc;color: #fff;border: 1px solid #0fa9dc;}
.pimg{position: relative;overflow: hidden;width: 100%;height: 0;padding-bottom: 56%;}
.pimg img{transition: all 1s ease;width: 100%;height: 100%;object-fit: cover;left: 0;position: absolute;}
.ptypelist li a strong{height: auto;overflow: hidden;background: url(../images/pfonta.jpg) center 20% no-repeat #fff;transition:.4s;text-align: center;line-height: 45px;}

.ptypetit {position: relative;z-index: 88;width: 100%;line-height: 50px;height: 50px; margin-bottom: 1rem;}
.ptypetit a{font-size: 14px;transition:.4s;float: right;}
.ptypetit a:hover{color: #15499a}
.ptypetit span{float: left;width: 20%; line-height: 50px;background: url(../images/ptypetit.png) center left no-repeat;padding-left: 2rem;}
.ptypetit ul{float: left;width: 80%;}
.ptypetit li{text-align: center;height: 60px;}
.ptypetit li strong{display: block;text-align: center; }
.ptypetit li strong a{border: 1px solid #eee;border-radius: 60px;transition:.4s;line-height:40px;font-weight: normal;margin-top: 5px;position: relative;padding: 0 .5rem;margin:0 auto;}
.ptypetit li strong a::before{position: absolute;content: "";bottom: 0px;z-index: 6;border-top: 10px solid #f7f7f7;left:42%;
border-left: 10px solid transparent;border-right: 10px solid transparent;transition: all .4s ease;
}
.ptypetit li:hover strong a::before{bottom: -10px;border-top: 10px solid #15499a;}
.ptypetit li:hover strong a{background: #15499a;color: #fff;}
.ptypetit li.curr .zptype{display: block;} 
.ptypetit li .zptype{position:absolute;z-index: 88;top:61px;left:0; width:1370px; display: none;background: rgba(255,255,255,.94);box-shadow: 0px 2px 10px 5px #dadada;
   min-height: 200px; border-radius: 5px;}
.ptypetit li .zptype  dd{float: left;width: 33%;line-height: 50px;border-bottom: 1px solid #e3e3e3;text-align: left;}
.ptypetit li .zptype  a {display: block;transition:.4s;line-height: 50px;}
.ptypetit li .zptype  a:hover{color: #15499a;font-weight: bold; }
.ptypetit li .zptype  a:hover i{color: #15499a; }

.ptypetit li:nth-of-type(1) .zptype{left:-258px;}
.ptypetit li:nth-of-type(2) .zptype{left:-442px;}
.ptypetit li:nth-of-type(3) .zptype{left:-623px;}
.ptypetit li:nth-of-type(4) .zptype{left:-807px;}
.ptypetit li:nth-of-type(5) .zptype{left:-989px;}
.ptypetit li:nth-of-type(6) .zptype{left:-1171px;}

/*产品详情*/
.proa{height: auto;overflow: hidden;background: #f7f7f7;}
.proa b{display: block;text-align: center;}
.MagnifierDrag{display: none !important;width: 0px !important;height: 0px !important;}
.MagnifierPop{display: none !important;width: 0px !important;height: 0px !important;}
.prob{background: #f7f7f7;}
.proba{line-height: 30px;color: #777;}
.proba p{line-height: 30px;color: #777;}
.protit {line-height: 50px;border-bottom: 1px solid #e9e9e9;}
.protit span{display: block;width: 140px;text-align: center;border-bottom: 2px solid #0faadd;}
.proc li{line-height: 80px;color: #fff;}
.proc li a{color: #fff;transition:.4s;}
.proc li a:hover{color: rgba(255,255,255,.8);}
.proc li:nth-of-type(1){background: #15499a;}
.proc li:nth-of-type(2){background: #878f9f;}
.proda .swiper-slide a{display: block;position: relative;}
.proda .swiper-slide a span{position: absolute;bottom: 0;z-index: 2;color: #fff;text-align: center;width: 100%;height: 90px;padding-top: 50px;transition:.4s; line-height: 35px;background: linear-gradient(to top, rgba(0,0,0,.5) 10%,rgba(0,0,0,.3)30%, rgba(0,0,0,0)60%);}
.proda .swiper-slide a:hover span{height: 120px;background: linear-gradient(to top, rgba(0,0,0,.8) 10%,rgba(0,0,0,.5)30%, rgba(0,0,0,0)60%);}
.proda .swiper-slide img{max-width: 100%;}
.prodb{display: block;width: 100%;height: 0;padding-bottom: 75%;position: relative;overflow: hidden;z-index: 4;}
.prodba{display: block;width: 100%;height: 100%;left: 0;position: absolute;}
.prodba img{display: block;margin: 0 auto;max-width: 100%;max-height: 100%;transition: 0.3s;}


/*科技创新*/
.kjcxa{height: auto;overflow: hidden;background: url(../images/kjcxa.jpg) center  no-repeat;}
.kjcxtit{text-align: center;font-weight: bold;}
.kjcxtit span{display: block;}
.kjcxa_a img{display: block;max-width: 100%;}
.kjcxa_b p{background: url(../images/tipa.png) left center  no-repeat;line-height: 50px;border-bottom: 1px solid #e3e3e3;padding-left:2rem;transition:.4s;}
.kjcxa_b p:hover{background: url(../images/tipb.png) left center  no-repeat;color: #d10000;}

.kjcxb{height: auto;overflow: hidden;background:#f4f6f8;}
.kjcxb_a  li a{height: auto;overflow: hidden;background: #fff;transition:.4s;position: relative;}
.kjcxb_a  li a::before{position: absolute;content: "";left:0; top:0;width: 4px;background: #d2d2d2;height: 100%;z-index: 1;}
.kjcxb_a  li a::after{position: absolute;content: "";left:0; top:0;width: 4px;background: #15499a;height: 0;z-index: 2;transition:.4s;}
.kjcxb_a  li a:hover::after {height: 100%;}
.kjcxb_a  li a:hover {color:#15499a;}
.kjcxb_a  li a:hover i{color:#15499a;}
.kjcxb_a  li a span{line-height: 30px;}
.kjcxb_a  li a i{float: right; font-size: 42px;color: #999;float: right;transition:.4s;}
.kjcxc_b li a{display: block; background: #fff;height: auto;overflow: hidden;transition:.4s;}
.kjcxc_b li a:hover{ background: #15499a;color: #fff;}
.kjcxc_b li a:hover b{border-left:2px solid #fff; }
.kjcxc_b li a span{border-bottom: 1px solid #dcdcdc;line-height: 50px;}
.kjcxc_b li a p b{font-weight: normal;border-left: 2px solid #15499a;padding-left: .5rem;}
.kjcxc_b li a p em{text-transform: uppercase;font-family: fz;color: #999;}


.kjcxc{height: auto;overflow: hidden;background: url(../images/kjcxc.jpg) center  no-repeat;}
.kjcxd{height: auto;overflow: hidden;background:#f4f6f8;}
.kjcxd .swiper-slide a{display: block;height: auto;overflow: hidden;border:1px solid #e9e9e9;position: relative;}
.kjcxd .swiper-slide a::before{position: absolute;content: ""; bottom: 0;left:0;height: 2px;background: #15499a;width: 0px; transition:.4s;}
.kjcxd .swiper-slide a:hover::before{width: 100%;}
.kjcxd .swiper-slide span{line-height: 40px;text-align: center;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.kjcxd .swiper-slide img{display: block;max-width: 100%;}
.ztypemenu ul li a{display: block;text-align: center;border: 1px solid #eee;border-radius: 30px;line-height: 35px;font-size: 15px;transition:.4s;}
.ztypemenu ul li a:hover{background: #15499a;color: #fff;}
/*新闻*/
.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;}

.neimga {display: block;width: 100%;height: 0;padding-bottom: 75%;position: relative;overflow: hidden;z-index:4;}
.neimgb {display: block;width: 100%;height: 100%;left: 0;position: absolute;}
.neimga img{display: block;margin: 0 auto;max-width: 100%;max-height: 100%;transition: 0.3s;}

/*新闻详情*/
.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;}
.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;}
.sidea{padding: 2% 0;height: auto;overflow: hidden;}
.sidea li{height: auto;overflow: hidden;background: #f5f7fa;transition:.4s;}
.sidea li:hover{background: #15499a;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: #15499a;}
.sidea dl dd a:hover::before{background: #15499a;}
.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;}
.page li{line-height: 35px; color: #777;}
.page li i{float: left;}
.page li a{transition:.4s;}
.page li:hover a{color: #15499a !important;}

/*联系*/
.lxwmtita{text-align: center;}
.lxwmtita p{color: #777;}
.lxwma_b{height: auto;overflow: hidden;background: #f5f5f5;text-align: center;box-shadow: 0px 3px 5px 5px #eee;}
.lxwma_a i{font-size: 46px;color: #15499a;}
.lxwma_a span{display: block;color: #15499a;}
.lxwma_a p{color: #777;}
.lxwma_d span{display: block;}
.lxwma_d p{padding-left: 30%;line-height: 30px;color: #777;}
.lxwma_c li:nth-of-type(1) .lxwma_d{background:url(../images/lxwma.png) left bottom no-repeat #f5f5f5;}
.lxwma_c li:nth-of-type(2) .lxwma_d{background:url(../images/lxwmb.png) left bottom no-repeat #f5f5f5;}
.lxwmb{height: auto;overflow: hidden;background:#f5f5f5;}
.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 #fff;}
.lxwmb_a .forma input:nth-of-type(1){background:url(../images/ciona.jpg) 15px center no-repeat #fff;}
.lxwmb_a .forma input:nth-of-type(2){background:url(../images/cionb.jpg) 15px center no-repeat #fff;margin-right: 0px;}
.lxwmb_a .code input{float: left;width: 35%;line-height: 45px;background: #fff;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: #15499a;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;}

.joba li .j_a{height: auto;overflow: hidden;border: 1px solid #f4f4f4;text-align: center;transition:.4s;}
.joba li:hover .j_a{background: #06439f; color: #fff; /* fallback for old browsers */
background: -webkit-linear-gradient(to left, #5293f5,  #06439f);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to left, #5293f5,  #06439f); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.joba li:hover .j_a i{background: -webkit-linear-gradient(left,#fff, #fff);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.joba li:hover .j_a p{color: #fff;}
.joba li:hover .j_a em{-webkit-transform: rotateY(360deg);-moz-transform: rotateY(360deg);transform: rotateY(360deg);transition:.8s;}
.joba li .j_a i{font-size: 52px;background: -webkit-linear-gradient(left,#06439f, #5293f5);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.joba li .j_a em{display: block;width: 53px;height: 75px;margin:0 auto;transition:.8s;}
.joba li .j_a span{display: block;}
.joba li .j_a p{color: #777;transition:.4s;}

.jobb{height: auto;overflow: hidden;background: #f7f7f7;}
.jobb li{display: block;}
.jobtita{background: #fff;height: auto;overflow: hidden; box-shadow: 0px 0px 10px 5px #e3e3e3;border-radius: 10px;}
.jobtita .joblist{float: left;width: 25%;}
.jobtita .joblist p{color: #777;line-height: 30px;}
.jobtita .joblist strong{display: block;font-size: 18px;line-height: 45px;}
.jobtita .joblist a{display: block;text-align: center;}
.jobtita .joblist a i{font-size: 48px;color: #15499a}
.jobbox{display: none;background: #fff;box-shadow: 0px 10px 10px 5px #e3e3e3;}
.jobbox strong{color: #444;}
.jobbox dl {padding: 3rem 3rem 0 3rem;}
.jobbox dl dd{border-bottom: 1px solid #e9e9e9;}
.jobbox dl strong{font-size: 18px;}
.jobbox p{line-height: 30px;color: #777;}
.jobb_a{padding-left: 6%;line-height: 40px;}
.jobb_a strong{display: block;}





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

body{font-size: 14px;}
.in01aa strong{font-size: 36px;}
.in01aa span{margin-top: -40px;}
.more strong{font-size: 42px;}
.more a{line-height: 55px;}
.in01ac img{max-width: 100%;}
.intita b{font-size: 36px;}
.intita p{margin-top: -40px;}
.in02bb{width: 100%;}
.in02bb p{font-size: 13px;}
.in_03 .hd ul li a{padding: .25rem;}
.in_03 .hd ul strong{display: none;}
.in_03 .hd ul span{font-size: 13px;}
.footnav{display: block !important;}
.footer{padding-bottom: 12%;}
.footaa{float: none;text-align: center;}
.ewm{float: none;}
.zmenu .col{padding:0 .5rem;}
.coma_a strong{font-size: 40px;}
.coma_a b{margin-top: -40px;}
.comad:hover .comada i{margin-top: 2%;}
.comad:hover .comada span{font-size: 22px;}
.comdtit b{font-size: 30px;}
.comdtit p{margin-top: -30px;}
.abouttit strong{font-size: 30px}
.abouttit span{margin-top: -40px;}
.comd_a li{width: 100%;}
.comd_c .swiper-button-prev{left:80%;}
.qywhtit strong{font-size: 34px;}
.qywhtit span{margin-top: -40px;}
.ryhja_a .swiper-slide{transform: scale(0.96, 0.96);}
.ryhja_a .swiper-slide-next{transform: scale(2.4, 2.4);}
.ryhja_a .swiper-slide-next span{display: none !important;}
.ryhja_a .mySwiper{padding: 14% 0 35% 0;}
.ryhja_a .swiper-button-next{width: 10%;right:40%;}
.ryhja_a .swiper-button-prev{width: 10%;left:40%;}
.ztypemenu ul li a{border-radius: 5px;}
.honor ul li a span{font-size: 14px;}
.kjcxb_a .col-6{padding-left: .5rem;padding-right: .5rem;}
.qywhd .swiper-button-next{display: none;}
.qywhd .swiper-button-prev{display: none;}
.ptype li em{width: 100px;height: 100px;}
.ptype li a::before{width: 0px;}
.ptype li em i{font-size: 40px;}
.ptypetit span{width: 40%;}
.MagnifierMain{line-height: 130px !important;}
.zmenu li a{font-size: 14px;}
.jobtita .joblist{width: 50%;}
.jobtita .joblist a i{font-size: 26px;}
.jobbox dl{padding: 1rem 1rem 0 1rem;}
.lxwma_c li:nth-of-type(1) .lxwma_d{background-size: 32%;}
.lxwma_c li:nth-of-type(2) .lxwma_d{background-size: 32%;}
.lxwmb_a .code{width: 100%;}
.ptypetit li .zptype{display: none !important;}
.newsfonta b{font-size: 38px;}
.jobbox dl strong{font-size: 15px;}
.jobtita .joblist strong{font-size: 16px;}
#playercontainer {width: 100% !important;height: 360px !important;}
.ptypetit ul{width: 100%;}
}

@media (min-width: 576px) and (max-width: 768px) { 
body{font-size: 14px;}
.in01aa strong{font-size: 36px;}
.in01aa span{margin-top: -40px;}
.more strong{font-size: 42px;}
.more a{line-height: 55px;}
.in01ac img{max-width: 100%;}
.intita b{font-size: 36px;}
.intita p{margin-top: -40px;}
.in02bb{width: 100%;}
.in02bb p{font-size: 13px;}
.in_03 .hd ul li a{padding: .25rem;}
.in_03 .hd ul strong{display: none;}
.in_03 .hd ul span{font-size: 13px;}
.footnav{display: block !important;}
.footer{padding-bottom: 12%;}
.footaa{float: none;text-align: center;}
.ewm{float: none;}
.zmenu .col{padding:0 .5rem;}
.coma_a strong{font-size: 40px;}
.coma_a b{margin-top: -40px;}
.comad:hover .comada i{margin-top: 2%;}
.comad:hover .comada span{font-size: 22px;}
.comdtit b{font-size: 30px;}
.comdtit p{margin-top: -30px;}
.comd_a li{width: 100%;}
.comd_c .swiper-button-prev{left:80%;}
.qywhtit strong{font-size: 34px;}
.qywhtit span{margin-top: -40px;}
.ryhja_a .swiper-slide{transform: scale(0.96, 0.96);}
.ryhja_a .swiper-slide-next{transform: scale(1.8, 1.8);}
.ryhja_a .swiper-slide-next span{display: none !important;}
.ryhja_a .mySwiper{padding: 14% 0 35% 0;}
.ryhja_a .swiper-button-next{width: 10%;right:40%;}
.ryhja_a .swiper-button-prev{width: 10%;left:40%;}
.ztypemenu ul li a{border-radius: 5px;}
.honor ul li a span{font-size: 14px;}
.kjcxb_a .col-6{padding-left: .5rem;padding-right: .5rem;}
.qywhd .swiper-button-next{display: none;}
.qywhd .swiper-button-prev{display: none;}
.ptype li em{width: 110px;height: 110px;}
.ptype li a::before{width: 0px;}
.ptype li em i{font-size: 40px;}
.ptypetit span{width: 40%;}
.MagnifierMain{line-height: 130px !important;}
.zmenu li a{font-size: 14px;}
.jobtita .joblist{width: 50%;}
.jobtita .joblist a i{font-size: 26px;}
.jobbox dl{padding: 1rem 1rem 0 1rem;}
.lxwma_c li:nth-of-type(1) .lxwma_d{background-size: 32%;}
.lxwma_c li:nth-of-type(2) .lxwma_d{background-size: 32%;}
.lxwmb_a .code{width: 100%;}
.ryhjtpe li a{font-size: 14px;}
.ptypetit li .zptype{display: none !important;}
.newsfonta b{font-size: 40px;}
 }
@media (min-width: 768px) and (max-width:991px) { 
 body{font-size: 14px;}
.in01aa strong{font-size: 36px;}
.in01aa span{margin-top: -40px;}
.more strong{font-size: 42px;}
.more a{line-height: 55px;}
.in01ac img{max-width: 100%;}
.intita b{font-size: 36px;}
.intita p{margin-top: -40px;}
.in02bb{width: 100%;}
.in02bb p{font-size: 13px;}
.in_03 .hd ul li a{padding: .25rem;}
.in_03 .hd ul strong{display: none;}
.in_03 .hd ul span{font-size: 13px;}
.footnav{display: block !important;}
.footer{padding-bottom: 12%;}
.footaa{float: none;text-align: center;}
.ewm{float: none;}
.zmenu .col{padding:0 .5rem;}
.coma_a strong{font-size: 40px;}
.coma_a b{margin-top: -40px;}
.comad:hover .comada i{margin-top: 2%;}
.comad:hover .comada span{font-size: 22px;}
.comdtit b{font-size: 30px;}
.comdtit p{margin-top: -30px;}
.comd_a li{width: 100%;}
.comd_c .swiper-button-prev{left:80%;}
.qywhtit strong{font-size: 34px;}
.qywhtit span{margin-top: -40px;}
.ryhja_a .swiper-slide{transform: scale(0.96, 0.96);}
.ryhja_a .swiper-slide-next{transform: scale(1.8, 1.8);}
.ryhja_a .swiper-slide-next span{display: none !important;}
.ryhja_a .mySwiper{padding: 14% 0 35% 0;}
.ryhja_a .swiper-button-next{width: 10%;right:40%;}
.ryhja_a .swiper-button-prev{width: 10%;left:40%;}
.ztypemenu ul li a{border-radius: 5px;}
.honor ul li a span{font-size: 14px;}
.kjcxb_a .col-6{padding-left: .5rem;padding-right: .5rem;}
.qywhd .swiper-button-next{display: none;}
.qywhd .swiper-button-prev{display: none;}
.ptype li em{width: 120px;height: 120px;}
.ptype li a::before{width: 0px;}
.ptype li em i{font-size: 40px;}
.ptypetit span{width: 40%;}
.MagnifierMain{line-height: 130px !important;}
.zmenu li a{font-size: 14px;}
.jobtita .joblist{width: 50%;}
.jobtita .joblist a i{font-size: 26px;}
.jobbox dl{padding: 1rem 1rem 0 1rem;}
.lxwma_c li:nth-of-type(1) .lxwma_d{background-size: 32%;}
.lxwma_c li:nth-of-type(2) .lxwma_d{background-size: 32%;}
.lxwmb_a .code{width: 100%;} 
.companya .text-right{text-align: center !important;}
.ptypetit li .zptype{display: none !important;}
.newsfonta b{font-size: 44px;}
 }
@media (min-width: 992px) and (max-width:1200px) { 
 body{font-size: 14px;}
.menu li span{font-weight: normal;font-size: 14px;}
.in01aa b{font-size: 24px;}
.in01aa p{font-size: 16px;}
.in_03 .hd ul li a{padding: .5rem;}
.in_03 .hd ul span{font-size: 22px;}
.comada i{margin-top: 15%;}
.comad:hover .comada i{margin-top:2%;}
.gltdb span{font-size: 24px;}
.comd_c .swiper-button-prev{left:88%;}
.ptype li a::before{left:100%;}
}



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

}

@media (max-width: 1550px) {
.back{display: none !important;}
.in_03 .hd ul span p{font-size: 12px;}

}