@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;}
/*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;}
.over-line-1 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

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

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

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

/* 无内容 */
.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;}
.pf_40{font-size: 40px;line-height: 55px;}
@font-face {font-family:fz;src: url('../css/bahnschrift.ttf');}
@font-face {font-family:fza;src: url('../css/AVIANB.TTF');}
#dituContent label {max-width: unset!important;text-align: center;}
/*top*//*top*/
.top{height: auto;overflow: hidden;border-top: 5px solid #c3002f;position: relative;width: 100%;background: #fff;z-index: 60;}
.topa a{display: block;}
.topa img{display: block;max-width: 100%;margin:0 auto;}
.topb {background: url(../images/toptel.png) left center no-repeat;padding-left: 4rem;}
.topb span{display: block;color: #777;}
.topb p{font-size: 34px;font-family: fz;font-weight: 100;line-height: 35px;}
.menu li{position: relative; text-align: center;height: 100%;}
.menu li span{display: block;position: relative;height: 45px;line-height: 45px;color: #555;overflow: hidden;font-size: 15px;transition:.4s;}
.menu li span a{display: block;}
.menu li span:hover a{color: #c3002f}
.menu li span:hover::after{width: 50%;}
.menu li span::after{position: absolute;content: "";bottom:0;height: 2px;background: #c3002f;left:25%;width: 0%;transition:.4s;}

.menu li.curr { transition: all 0.3s ease 0s; }
.menu li.curr .submenu{opacity: 1; }
.menu li .submenu{position:fixed;z-index: 8;top:93px;left:0; width:100%;text-align: left; height:0;overflow: hidden;opacity:0;background:rgba(255,255,255,.95);
    border-top: 1px solid #eee;transition: all 0.3s ease 0s;box-shadow: 0px 8px 5px -5px rgba(9,9,9,.2);backdrop-filter: blur(10px) }
.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: #c3002f;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: #c3002f;}
.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;}
.menu li .submenu .container{max-width: 1430px;}
.subd  {position: relative;}
.subd::before{position: absolute;content: "";width: 1px;height: 200%;top:-50%;left:0; background: rgba(0,0,0,.1);}
.subd dd {float: left;width: 25%;}
.subd dd:last-child{width:50%;}
.subd dd:last-child b{float: left;width: 33%;}
.subd dd strong{display: block;font-size: 17px;line-height: 45px;}
.subd dd b{display: block;line-height: 35px;font-weight: normal;}
.subd dd b a{display: block;color: #777;transition:.4s;}
.subd dd b a:hover{color: #c3002f;}


.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;}
.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(255,255,255,0.9);}
.mobmenu .sidebar ul{padding:10%;}
.mobmenu .sidebar li a{display: block;line-height: 50px;border-bottom: 1px solid rgba(255,255,255,.5);transition:.4s;}
.mobmenu .sidebar li i{color: #666;font-size: 18px;}
/*banner*/
.banner {position: relative;}
.banner .swiper-container{position: relative;}
.banner img{display: block;margin: 0 auto;width: 100%;}
.banner .swiper-pagination-bullet{background: #4e4e4e;opacity: .4;transition:.4s;}
.banner .swiper-pagination-bullet-active{width: 30px;border-radius: 5px;background: #ac002f;opacity: .9;}
/*in_01*/
.intita{height: auto;overflow: hidden;border-bottom: 1px solid #e8e8e8;}
.intita span{display: block;}
.intita p{color: #777;letter-spacing: 1px;}
.intita a{display: block;line-height: 40px;background:#f5f5f5;padding: 0 25px;transition:.4s;color: #666;}
.intita a:hover{background:#ac002f;color: #fff;}
.intita a:hover em{-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg)}
.intita a em{display: block;width: 20px;height: 25px; -webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);transition:.2s;} 
.in01a .mySwiper .swiper-slide{line-height: 60px;position: relative;cursor: pointer;transition:.4s;}
.in01a .mySwiper .swiper-slide::before{position: absolute;content: "";top:0;left:0;height: 2px;width: 0px;background: #ac002f;transition:.4s;}
.in01a .mySwiper .swiper-slide:hover{color: #ac002f;}
.in01a .mySwiper .swiper-slide:hover::before{width: 100%;}
.in01a .mySwiper .swiper-slide i{font-size: 24px;}
.in01a .mySwiper .swiper-slide em{font-size: 22px;float: right;}
.in01a .mySwiper .swiper-slide-thumb-active{color: #ac002f;}
.in01a .mySwiper .swiper-slide-thumb-active::before{width: 100%;}
.in01a_a{height: auto;overflow: hidden;background:url(../images/in01a_a.jpg) center top no-repeat;color: #fff; }
.in01a_a span{display: block;}
.in01a_a p{color: rgba(255,255,255,.7);}
.in01a_a dl{border-bottom:1px solid rgba(255,255,255,.2);}
.in01a_a dd a{color: #fff;line-height: 45px;transition:.4s;}
.in01a_a dd a:hover{color: rgba(255,255,255,.7);}
.in01a_b{line-height: 30px;}
.in01a_b a{color: #fff;text-transform: uppercase;font-family: fz;transition:.4s;}
.in01a_b a:hover{color: rgba(255,255,255,.7);}
.in01a .mySwiper2 img{width: 100%;}

.in01b a{display: block;height: auto;overflow: hidden;}
.in01b a img{transition:.4s;}
.in01b a:hover img{transform: scale(1.02)}



/*in_02*/
.in_02{height: auto;overflow: hidden;background: url(../images/in02bg.jpg) center top no-repeat;}
.in02a {text-align: center;}
.in02a strong{display: block;color:rgba(26,26,26,.03);font-size: 100px;text-transform: uppercase;}
.in02a b{display: block;margin-top: -100px;}
.in02a p{color: #777;}
.in02a a{display: block;width: 180px;line-height: 55px;background: #ac002f;border: 1px solid #ac002f;margin:0 auto;color: #fff;transition:.4s;letter-spacing: 1px;}
.in02a a:hover{background: #fff;color: #ac002f;}
.in02b {margin-bottom: 16%;}
.in02b strong{font-size: 70px;color: #ac002f;position: relative;}
.in02b strong::before{position: absolute;content: "";width: 25px;height: 2px;background:#ac002f; left:0;bottom: 0;}
.in02b em{color: #ac002f}
.in02b p{color: #777;font-size: 16px;line-height: 35px;}
/*in_03*/
.in03a .swiper-container{height: auto;overflow: hidden;}
.in03a .swiper-slide:hover .in03b span{background: rgba(0,0,0,.4);opacity: 1;padding-top: 8rem;}
.in03a .swiper-slide:hover .in03c{width: 50%;background:rgba(172,0,47,.8);color: #fff;}
.in03a .swiper-slide img{transition: all 1s ease;width: 100%;height: 100%;object-fit: cover;left: 0;position: absolute;}
.in03c{background:rgba(255,255,255,.8);white-space: nowrap; text-overflow:ellipsis; overflow: hidden;font-size: 16px;text-align: center;
  line-height: 30px;width: 40%;margin:-8rem 0 2rem 0;position: relative;z-index: 2;transition:.4s;}
.in03b{display: block;width: 100%;height: 0;padding-bottom: 75%;position: relative;overflow: hidden;}
.in03b span{display: block;color: #fff;opacity: 0; height: 100%;width: 100%;position: absolute;
	z-index: 2;text-align: center;padding-top: 14rem;transition:.4s;}
/*in_04*/
.in_04{height: auto;overflow: hidden;background: #f5f5f5;}
.in04a {background: #fff;}
.in04a li {text-align: center;position: relative;}
.in04a li::before{position: absolute;content: "";background: url(../images/in04a.png) right center no-repeat;width: 32px;height: 12px;right:0;top:48%;}
.in04a li:nth-of-type(4n+0)::before{background: none;}
.in04a li em{display: block;width: 80px;height: 80px;line-height: 80px;border-radius: 80px;background: #ac002f;margin:0 auto;}
.in04a li i{color: #fff;font-size: 32px;}
.in04a li strong{display: block;color: rgba(0,0,0,.04);font-size: 72px;line-height: 75px;font-family: fza;transition:.4s;}
.in04a li span{display: block;font-weight: bold;margin-top: -40px;}
.in04a li b{display: block;width: 30px;height: 2px;background: #ac002f;margin:.5rem auto;}
.in04a li p{color: #777;}
/*in_05*/
.in05a{height: auto;overflow: hidden;border-top: 1px solid #f5f5f5;border-left: 1px solid #f5f5f5;}
.in05a li {border-right: 1px solid #f5f5f5;border-bottom: 1px solid #f5f5f5;}
.in05a li img{display: block;width: 100%;}
/*in_06*/
.in_06{height: auto;overflow: hidden;background: #f5f5f5;}
.in_06 .swiper-slide a{display: block;height: auto;overflow: hidden; background: #f6f6f6;position: relative;}
.in_06 .swiper-slide a:hover .in06b{top:0;}
.in_06 .swiper-slide img{display: block;max-width: 100%;}
.in06a {transition:all 0.6s ease 0s;height: auto;background: #fff;}
.in06a span{display: block;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
.in06a p{line-height: 30px;height: 60px;overflow: hidden; color: #777;}
.in06a i{color: #777;line-height: 30px;font-style: normal;margin-top: 1rem;border-top: 1px solid #f0f0f0;padding-top: 1rem;}
.inimgc{position: relative;z-index: 1;display: block;
    width: 100%;
    height: 0;
    padding-bottom: 60%;
    overflow: hidden;}
.in06b{position: absolute;top:110%;left: 0; z-index: 3;background: #fff;transition:all 0.6s ease 0s;height: 100%;width: 100%;}
.in06b em{display: block;width: 140px;line-height: 45px;background: #c40000;color: #fff;text-align: center;transition:.4s;border-radius: 5px;}
.in06b span{display: block;overflow: hidden;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
.in06b p{line-height: 30px;overflow: hidden; color: #777;}
.in06b i{display: block;color: #777;line-height: 30px;font-style: normal;}


.bta li{height: auto;overflow: hidden;background: url(../images/btabg.png) center no-repeat;text-align: center;padding: 1rem 0;}
.bta li img{display: block;margin:0 auto;}
.bta li span{display: block;line-height: 30px;color: #fff;}
/*脚步*/
.footer{height: auto;overflow: hidden;background: #0f0f0f;}
.foota {border-bottom: 1px solid rgba(255,255,255,.1)}
.foota img{max-width: 100%;}
.foota li{line-height: 40px;color: #fff;}
.foota li i{color: #ac002f;font-size: 26px;}
.footb li{line-height: 40px;}
.footb li span{display: block;position: relative;color: #fff;}
.footb li span::after{position: absolute;content: ""; bottom: 0;left:0;width: 25px;height: 2px;background:#fff;}
.footb li a{display: block;color:rgba(255,255,255,.6);transition:.4s;display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;}
.footb li a:hover{color:rgba(255,255,255,1)}
.footc li {text-align: center;}
.footc li img{background: rgba(255,255,255,.8);padding: 7px;}
.footc li span{display: block;line-height: 40px;color: rgba(255,255,255,.8)}
.footd{line-height: 50px;border-top:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.4);}
.footd a{float: right; color:rgba(255,255,255,.4);transition:.4s; }
.footd a:hover{color:rgba(255,255,255,1) }
.footnav{left: 0;bottom:0;width: 100%;position: fixed;background:#ac002f;color:#fff;z-index: 888;}
.footnav li{float: left;text-align: center; color: #fff;}
.footnav li a{display: block;}
.footnav li:nth-of-type(1){width: 15%;}
.footnav li:nth-of-type(1) a{border-right: 1px solid #b31943;}
.footnav li:nth-of-type(2){width: 15%;}
.footnav li:nth-of-type(2) a{border-right: 1px solid #b31943;}
.footnav li:nth-of-type(3){background: #444;width: 35%;}
.footnav li:nth-of-type(3) a{border-right: 1px solid #222;}
.footnav li:nth-of-type(4){background: #444;width: 35%;}
.footnav li i{font-size: 20px;}
.footnav li span{display: block;line-height: 25px;}
.footnav li a{display: block; color: #fff !important;padding-top:4%;}
.footnav li a:hover{color: #c9182d}
/*public*/
.com_ban{height: auto;overflow: hidden;background: url(../images/com_ban.jpg) center no-repeat;}
.news_ban{height: auto;overflow: hidden;background: url(../images/news_ban.jpg) center no-repeat;}
.case_ban{height: auto;overflow: hidden;background: url(../images/case_ban.jpg) center no-repeat;}
.con_ban{height: auto;overflow: hidden;background: url(../images/con_ban.jpg) center no-repeat;}
.pro_ban{height: auto;overflow: hidden;background: url(../images/pro_ban.jpg) center no-repeat;}
.ban {margin:10% 0 8% 0;}
.ban strong{display: block;}
.ban span{display: block;}
.ban p{display: block;font-family: fz;text-transform: uppercase;background: url(../images/banbg.png) left top no-repeat;font-size: 16px;}
.ban p i{color: #ac002f}
.location{line-height: 60px;background: #fafafa;border-bottom: 1px solid #efefef;color: #777;}
.location i{color: #ac002f;}
.location a{color: #777;transition:.4s;}
.location a:hover{color: #ac002f;}
.locationa a{float: right;width: 15%;line-height: 40px;margin-top: 10px;text-align: center;}
.locationa a:hover{background: #ac002f;color: #fff;border-radius: 5px;}
/*company*/
.companya{height: auto;overflow: hidden;background: #f5f5f5;}
.comtit {display: block;background: url(../images/comtit.png) right center no-repeat;position: relative;}
.comtit span{display: block;position: relative;z-index: 2;}
.comtit strong{position: absolute;z-index: 0;color: #f0f0f0;font-size: 100px;top:0;text-transform: uppercase;font-family: fz;}
.coma strong{font-size: 60px;color: #ac002f;font-family: fz;margin-right: .5rem;}
.coma em{display: block;position: relative;}
.coma em::after{position: absolute;content: "";left:0;bottom: 0;width: 25px; height: 2px;background: #ac002f;}
.coma p{color: #777;}
.companyb{height: auto;overflow: hidden;background: url(../images/companyb.jpg) center top no-repeat;}
.comb_a {height: auto;overflow: hidden;background: #f7f9fb;border-radius: 5px;padding:12% 20%;text-align: center;transition:.4s;}
.comb_a:hover {transform: translate3d(0,-5px,0);box-shadow: 0px 0px 20px 2px rgba(186,186,186,.59);background: #fff;}
.comb_a i{font-size: 46px;color: #ac002f}
.comb_a span{display: block;}
.comb_a strong{display: block;font-weight: normal;background: url(../images/banbg.png) 22% top no-repeat;text-transform: uppercase;color: #999;line-height: 40px;}
.comb_a strong em{color: #ac002f;}
.comb_a p{color: #666;}
.comc_a {height: auto;overflow: hidden;}
.comc_a .mySwiper{height: auto;overflow: hidden;padding:1% 0 5% 0;position: relative;}
.comc_a .swiper-slide a{display: block;padding: 6%;background: #f5f5f5;text-align: center;}
.comc_a .swiper-slide a img{display: block;margin: 0 auto;max-width: 100%;max-height: 100%;transition: .4s;}
.comc_a .swiper-slide a span{display: block;margin-top: .75rem;}
.comc_a .swiper-scrollbar-drag{background: #ac002f;}
.comd_d{display: block;width: 100%;height: 0;padding-bottom: 75%;position: relative;overflow: hidden;}
.comd_da{display: block;width: 100%;height: 100%;left: 0;position: absolute;}


.companyd{height: auto;overflow: hidden;background: #f5f5f5;}
.comd_a a{display: block;position: relative;}
.comd_a a i{position: absolute;z-index: 1;width: 100%;height: 100%;background: rgba(0,0,0,0);transition:.4s; }
.comd_a a:hover i{background: rgba(0,0,0,.4); }
.comd_a img{width: 100%;}
.comd_b{display: block;width: 100%;height: 0;padding-bottom: 64.2%;position: relative;overflow: hidden;}
/*cases*/
.casea{height: auto;overflow: hidden;background: #f5f5f5;}
.casea ul{height: auto;overflow: hidden;border-top: 1px solid #f5f5f5;border-left: 1px solid #f5f5f5;}
.casea li {border-right: 1px solid #f5f5f5;border-bottom: 1px solid #f5f5f5;}
.casea li img{display: block;width: 100%;}
.cmore{text-align: center;}
.cmore a{color: #c3002f;transition:.4s;}
.cmore a:hover{color: #444}


.caseslist{height: auto;overflow: hidden;}
.caseslist li a{display: block; height: auto;overflow: hidden;position: relative;}
.caseslist li a:hover em{color: rgba(255,255,255,.9);}
.caseslist li a:hover img{  -webkit-filter: blur(5px);filter: blur(5px);transform: scale(1.03);}
.caseslist li .cfonta{position: absolute;z-index: 2;color: #fff;left:0;top:0;}
.cfonta span{position: relative;}
.cfonta span::before{position: absolute;content: "";width: 30px;height: 2px;background: #fff;bottom: 0;left:0;}
.cfonta strong{display: block;font-weight: normal;font-family: fz;}
.cfonta p{color: rgba(255,255,255,.8);line-height: 30px;}
.cfonta em{display: block;line-height: 45px;transition:.4s;color: rgba(255,255,255,.4)}
.cimga{display: block;width: 100%;height: 0;padding-bottom: 66%;position: relative;overflow: hidden;}
.cimga::before{position: absolute;content: "";width: 100%;height: 100%;background: rgba(0,0,0,.2);left:0;top:0;z-index: 1}
.cimga img{transition: all 1s ease;width: 100%;height: 100%;object-fit: cover;left: 0;position: absolute;}
/*content_product*/
.protype{height: auto;overflow: hidden;background: #f5f5f5;}
.protypea{height: auto;overflow: hidden;background: #fff;}
.protypea li {float: left;width: 25%;}
.protypea li:nth-of-type(2) {border-left: 1px solid #eee;border-right: 1px solid #eee;padding: 0 3rem 2rem 3rem;}
.protypea li:nth-of-type(3) {width: 50%;padding-left: 3rem;}
.protypea li span{display: block;margin-bottom: .5rem;}
.protypea li span a{display: block;color: #c3002f;}
.protypea li p{line-height: 35px;float: left;width: 50%;}
.protypea li:nth-of-type(3) p{width:25%;}
.protypea li p a{color: #777;transition:.4s;}
.protypea li p a:hover{color: #c3002f;}


.pindexa{height: auto;overflow: hidden;background: #f5f5f5;}
.pindextit{text-align: center;}
.pindextit strong{display: block;}
.pindextit p{color: #777;}

.typelist{height: auto;overflow: hidden;}
.typelist:nth-of-type(2n+0){background: #fff;}
.typelist:nth-of-type(2n+0) li span{background: #f5f5f5;}
.typea{line-height: 60px;text-transform: uppercase;height: auto;overflow: hidden;border-bottom: 2px solid #e7e7e7}
.typea span {float: left;margin-right: .5rem;}
.typea span em{display: block;float: left;width: 45px;line-height: 45px;height: 45px;margin-right: .25rem; background: #ac002f;color: #fff;border-radius: 60px;text-align: center;}
.typea span em i{font-size: 28px;}
.typea b{float: left;display: block; font-weight: normal;background: url(../images/banbg.png) left 40% no-repeat;padding-left: .5rem;color: #999;}
.typea b:first-letter{color: #ac002f}
.timga{display: block;width: 100%;height: 0;padding-bottom: 66%;position: relative;overflow: hidden;}


.typeb{ clear:both; height: auto;overflow: hidden;}
.typeb img{display: block;max-width: 100%;transition:.4s;}
.typeb span{display: block;line-height: 55px;background: #fff;transition:.4s;}
.typeb span i{color: #fff;}
.typeb span em{float: right;display: block;width: 31px;height: 31px;margin-top: .75rem; text-align: center; background: #c3002f;border-radius: 60px;line-height: 31px; -webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);transition:.2s;} 
.typeb li a {display: block;}
.typeb li a:hover .timga img{transform: scale(1.02)}
.typeb li a:hover em{-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg)}
.ptypea{width: 30%;}
.ptypea a{float: left;margin-right: 2%; display: block;width: 60%;border: 1px solid #d21126;line-height: 35px;margin-top: .25rem; text-align: center;border-radius: 80px;color: #d21126;transition:.4s;}
.ptypea a:hover{background: #777;color: #fff;border: 1px solid #777}
.ptypea a:nth-of-type(2){float: right;width: 38%;margin-right: 0px;background: #fafafa;border: 1px solid #ececec;color: #444;}
.ptypea a:nth-of-type(2):hover{background: #777;border: 1px solid #777;color: #fff;}

.plist{height: auto;overflow: hidden;}
.plista {height: auto;overflow: hidden;background: #fff;}
.plista_a i{display: block;background: #fcf2f4; border: 1px solid #ffd1da;line-height:35px;width: 180px;border-radius: 60px;text-align: center;color: #c3002f;}
.plista_a span{display: block;}
.plista_a em{display: block;color: #ac002f;line-height: 40px;}
.plista_a p{line-height: 30px;color: #666;}


.box{width:100%;position: relative;top:0;}
.tb-thumb{overflow:hidden;height: auto;}
.tb-thumb li{float:left;overflow:hidden;width:15.8%;margin-right: 1%;}
.tb-thumb li:last-child{margin-right: 0px;}
.tb-s40, .tb-s40 a{height:65px;width:65px;}
.tb-booth{position:relative;z-index:1;margin:0 auto;}
.tb-pic{height: auto;overflow: hidden; border:1px solid #CDCDCD;}
div.zoomDiv{z-index:999;position:absolute;top:0px;left:0px;width:200px;height:200px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
div.zoomMask{position:absolute;cursor:move;z-index:11;}


.plista_a img{max-width: 100%;}
.plista_b{height: auto;overflow: hidden;background: #f5f5f5;line-height: 45px;}
.plista_b p{border-bottom: 2px solid #fff;color: #777;height: auto;overflow-x: scroll;white-space:nowrap;}
.plista_b span{float: left;width: 100px;text-align: center;border-right: 2px solid #fff;margin-right: 10px;}
.plista_c {height: auto;overflow: hidden;color: #777;}
.plista_c i{color: #ac002f;font-size: 28px;}
.plista_c b{color: #ac002f;font-size: 28px;}
.plista_c a{float: right;width: 160px;text-align: center;background: #c3002f;color: #fff;border-radius: 50px;line-height:45px;transition: .4s;}
.plista_c a:hover{background: #444;}
.plista_d{height: 240px;overflow-y: scroll;}

.pinfoimga{position: relative;overflow: hidden;width: 100%;height: 0;padding-bottom: 75%;}
.pinfoimgb{display: block;width: 100%;height: 100%;left: 0;position: absolute;}
.pinfoimgb img{display: block;margin: 0 auto;width: 100%;height: 100%;transition: 0.3s;}


/*荣誉*/
.honorlist li{height: auto;overflow: hidden;}
.honorlist li a{display: block;position: relative;border: 1px solid #efefef;}
.himga img{display: block;margin: 0 auto;max-width: 100%;max-height: 100%;transition: .4s;}
.himgc img{display: block;margin: 0 auto;max-width: 100%;max-height: 100%;transition: .4s;}
.honorlist li:hover img{transform: scale3D(1.05, 1.05, 1.05)}
.honorlist li:hover span{background: #c3002f;color: #fff;}
.himga{display: block;width: 100%;height: 0;padding-bottom: 64%;position: relative;overflow: hidden;}
.himgc{display: block;width: 100%;height: 0;padding-bottom: 66%;position: relative;overflow: hidden;}
.himgb{display: block;width: 100%;height: 100%;left: 0;position: absolute;}
.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,0,0,0);transition: .4s;}
.honorlist li span{line-height: 50px;background: #eee;text-align: center;transition: .4s;}

/*新闻*/
.newslist{height: auto;overflow: hidden;}
.newslist ul li{transition:.4s;position: relative;}
.newslist ul li a{display: block;transition:.4s;position: relative;border-bottom: 1px solid rgba(4,4,4,.1)}
.newslist ul li:hover{box-shadow: 8px 0 16px rgba(99, 97, 97, 0.1);transform:translateY(-5px);background:#fff;transition:all ease 0.36s;}
.newslist ul li:hover img{transform:scale(1.05);transition:all ease 0.36s;}
.newslist ul li:hover a{border-bottom:1px solid rgba(99, 97, 97, 0.1);}
.newslist ul li:hover strong{color: #ac002f;}
.newslist ul li:hover b{color: #fdd8e1;}
.newslist ul li:hover .newsfonta::before{width: 5rem;}
.newsfonta{position: relative;}
.newsfonta::before{position: absolute;content: "";width:0px;height: 1px;background:#c3002f;left:-40px;top:0%;transition:.4s;}
.time {display: block;line-height: 50px;color: #999;font-size: 22px;}
.newsfonta p{line-height: 30px;color: #777;}
.nimga{display: block;width: 100%;height: 0;padding-bottom: 75%;overflow: hidden;}
.nimga img{display: block;max-width: 100%;transition:.4s;}
/*新闻详情*/
.newsinfo{height: auto;overflow: hidden;background: #f4f6f8;}
.newsinfoa{height: auto;overflow: hidden;}
.newsinfoa 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;}
.newsinfob{height: auto;overflow: hidden;}
.newsinfob strong{display: block;font-size: 1.375rem;line-height: 60px;}
.newsinfob li{height: auto;overflow: hidden;margin-bottom: 20px;background: #f5f7fa;transition:.4s;}
.newsinfob li:hover{background: #ac002f;color: #fff;}
.newsinfob li:hover span{color: #fff;}
.newsinfob li:hover p{color: #fff;}
.newsinfob li img{max-width: 100%;}
.newsinfob li span{line-height: 25px;margin:10px 0;color: #666;}
.newsinfob li p{line-height: 25px;color: #666;font-size: 13px;}
#prev_next{height: auto;overflow: hidden;border-top: 1px solid #dbdbdb;padding-top: 1rem;margin-top: 1rem;}
#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: #ac002f !important;}

.sidetit{line-height: 50px;text-transform: uppercase;color: #777;position: relative;margin-bottom: .5rem;}
.sidetit::before{position: absolute;content:"";width: 2px;height: 20px;background:#ac002f;left:0;top:23%;}
.sidetit span{color: #444;}

/*联系*/
.ztita {text-align: center;} 
.ztita span{display: block;font-weight: 100;} 
.ztita i{display: block;width: 20px;height: 1px;background: #c40000;margin:1rem auto;} 
.ztita p{font-size: 16px;color: #777;line-height: 35px;} 
.ztita b{display: block;color: #c40000;font-size: 28px;font-family: fz;letter-spacing: 2px;} 
.lxwma_a{text-align: center;transition:.4s;height: auto;overflow: hidden;color: #fff;}
.lxwma_a b{display: block;font-weight: normal;transition:.8s;}
.lxwma_a i{font-size: 30px;}
.lxwma_a span{display: block;line-height: 30px;font-size: 15px;}
.lxwma_a em{display: block;position: relative; width: 1px;height: 20px;background: #fff;transition:.4s;margin:1rem auto;}
.lxwma_a p{line-height: 30px;transition:.4s;}
.lxwma ul{background: url(../images/lxwma.jpg) center fixed;}
.lxwma li:hover .lxwma_a{transform:scaleY(1.1);background:rgba(196,0,0,.9);color: #fff;}
.lxwma li:hover em{transform:scaleY(1.7);}
.lxwma li:hover b{transform:rotateY(360deg);
-ms-transform:rotateY(360deg);   /* IE 9 */
-moz-transform:rotateY(360deg);  /* Firefox */
-webkit-transform:rotateY(360deg); /* Safari 和 Chrome */
-o-transform:rotateY(360deg); color: #fff;}
.lxwma li:hover i{color: #fff;}
.lxwmb{height: auto;overflow: hidden;background:url(../images/lxwmb.jpg) center no-repeat;}
.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: #fff; 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: #fff;text-align: center; background: #c40000;transition: .4s;}
.lxwmb_a .code .submit:hover{background: #444;}
.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;}


.in02a strong{font-size: 42px;}
.in02b strong{font-size: 26px;}
.in04a li:nth-of-type(2n+0)::before{display: none;}
.footer{padding-bottom: 8%;}
.locationa a{width: 25%;}
.comtit strong{font-size: 34px;}
.coma strong{font-size: 36px;}
.coma{margin:0 1rem;}
.comb_a{padding:4%;}
.companyb li{margin-bottom: 1rem;}
.typea b{font-size: 12px;font-family: fz;}
.typea span{line-height: 50px;}
.typeb span em{display: none;}
.typeb .row{margin-left: 0px;margin-right: 0px;}
.typeb .col-6{padding-left: .5rem;padding-right: .5rem;}
div.zoomDiv{display: none !important;}
.plista_c a{display: none;}
.caseslist .row{margin-right: 0px;margin-left: 0px;}
.caseslist .col-6{padding-right: .5rem;padding-left: .5rem;}
.lxwmb_a .code{width: 100%;}
.in02a b{margin-top: -40px;}
.in03c{font-size: 12px;line-height: auto;}
.cfonta em{display: none;}
.in03a .swiper-slide:hover .in03b span p{display: none;}
.location .col-6{padding-left: 0px;padding-right: 0px;}
.mocationa{width: 160px !important;}
.mocationa a{width: 80px !important;}
.bta li{background-size: 98%;}
.bta li span{line-height: 20px;font-size: 12px;}
.protypea li{width: 100%;}
.protypea li:nth-of-type(2){padding: 1rem 0;border-left: none;border-right: none;}
.protypea li:nth-of-type(3){width: 100%;padding-left: 0px;}
}

@media (min-width: 576px) and (max-width: 768px) { 
.in02a strong{font-size: 42px;}
.in02b strong{font-size: 26px;}
.in04a li:nth-of-type(2n+0)::before{display: none;}
.footer{padding-bottom: 8%;}
.locationa a{width: 25%;}
.comtit strong{font-size: 34px;}
.coma strong{font-size: 36px;}
.coma{margin:0 1rem;}
.comb_a{padding:4%;}
.companyb li{margin-bottom: 1rem;}
.typea b{font-size: 12px;font-family: fz;}
.typea span{line-height: 50px;font-size: 22px;}
.typeb span em{display: none;}
.typeb .row{margin-left: 0px;margin-right: 0px;}
.typeb .col-6{padding-left: .5rem;padding-right: .5rem;}
div.zoomDiv{display: none !important;}
.plista_c a{display: none;}
.caseslist .row{margin-right: 0px;margin-left: 0px;}
.caseslist .col-6{padding-right: .5rem;padding-left: .5rem;}
.lxwmb_a .code{width: 100%;}
.in02a b{margin-top: -40px;}
.comtit span{font-size: 30px;}
.comtita span{font-size: 22px;}
.intita span{font-size: 22px;}
.comb_a span{font-size: 22px;}
.cfonta em{line-height: 30px;}
.pindextit strong{font-size: 22px;}
.in03a .swiper-slide:hover .in03b span{padding-top: 3rem;}
.newsfonta span{font-size: 22px;}
.bta li{background-size: 98%;}
.protypea li{width: 100%;}
.protypea li:nth-of-type(2){padding: 1rem 0;border-left: none;border-right: none;}
.protypea li:nth-of-type(3){width: 100%;padding-left: 0px;}
 }
@media (min-width: 768px) and (max-width:991px) { 
.in02a strong{font-size: 42px;}
.in02b strong{font-size: 26px;}
.footer{padding-bottom: 8%;}
.locationa a{width: 25%;}
.comtit strong{font-size: 34px;}
.coma strong{font-size: 36px;}
.coma{margin:0 1rem;}
.comb_a{padding:4%;}
.companyb li{margin-bottom: 1rem;}
.typea b{font-size: 12px;font-family: fz;}
.typea span{line-height: 50px;}
.typeb span em{display: none;}
.typeb .row{margin-left: 0px;margin-right: 0px;}
.typeb .col-6{padding-left: .5rem;padding-right: .5rem;}
div.zoomDiv{display: none !important;}
.plista_c a{display: none;}
.caseslist .row{margin-right: 0px;margin-left: 0px;}
.caseslist .col-6{padding-right: .5rem;padding-left: .5rem;}
.lxwmb_a .code{width: 100%;}
.in02a b{margin-top: -40px;}
.comb_a span{font-size: 24px;}
.comtita span{font-size: 22px;}
.intita span{font-size: 22px;}
.pindextit strong{font-size: 24px;}
.newslist ul li:hover .newsfonta::before{width: 0px;}
.newsfonta span{font-size: 22px;}
 }
@media (min-width: 992px) and (max-width:1200px) { 
.topb p{font-size: 26px;}
.menu li .submenu{top:77px;}
.in01a_a p{display: none;}
.in01a .mySwiper2 img{width: 130%;}
.plista_d{height: 160px;}
.plista_c{display: none;}
.plista_a span{font-size: 22px;line-height: 40px;}
.in02a strong{font-size: 80px;}
.in03a .swiper-slide:hover .in03b span{padding-top: 3rem;}
.newsfonta span{font-size: 26px;}
.bta li{background-size: 98%;}
}

@media (min-width: 1200px) {
.container{max-width: 1430px;}
.top .container{max-width: 100%;}
}

@media (min-width: 1200px) and (max-width:1400px) { 

 }