@charset "utf-8";
html, body {padding: 0;margin: 0;background: #fff;width: 100%;min-height: 100%;}
* {margin: 0;padding: 0;font-family: Arial, Helvetica, Verdana, 'Microsoft YaHei';border: 0;outline: medium;text-shadow: none;text-decoration: none;}
body {color: #444;font-size: 14px;position: relative;overflow-x: hidden;-webkit-text-size-adjust: none;-ms-text-size-adjust: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
input {vertical-align: middle;}
textarea {resize: none;}
ul {list-style: none;}
img, {display: block;}
a{color: #444;text-decoration: none;}
a:hover{color: #444;text-decoration: none;}
i, em {font-style: normal;}
p{margin-bottom: 0px;}
.left{float: left;}
.right{float: right;}
/*input placeholder 样式 */
::-webkit-input-placeholder {color: #999999;}
:-moz-placeholder {color: #999999;}
::-moz-placeholder {color: #999999;}
:-ms-input-placeholder {color: #999999;}
/*修改滚动条*/
::-webkit-scrollbar{width:6px;height:6px ;}
::-webkit-scrollbar-track{box-shadow: inset 0 0 6px transparent;background: #f8f8f8;border-radius: 6px;}
::-webkit-scrollbar-thumb{border-radius: 6px;background: #bbb;}
/* 无内容 */
.pf_12{font-size: 12px;line-height: 25px;}
.pf_16{font-size: 16px;line-height: 30px;}
.pf_18{font-size: 18px;line-height: 30px;}
.pf_20{font-size: 20px;line-height: 35px;}
.pf_22{font-size: 22px;line-height: 35px;}
.pf_24{font-size: 24px;line-height: 40px;}
.pf_26{font-size: 26px;line-height: 40px;}
.pf_28{font-size: 28px;line-height: 40px;}
.pf_30{font-size: 30px;line-height: 45px;}
.pf_32{font-size: 32px;line-height: 45px;}
.pf_34{font-size: 34px;line-height: 50px;}
.pf_36{font-size: 36px;line-height: 50px;}
@font-face {font-family:fz;src: url('../Css/bahnschrift.ttf');}
#dituContent label {max-width: unset!important;text-align: center;}
/*top*//*top*/
.top{position: fixed;z-index: 88;top:0;width: 100%;border-bottom: 1px solid rgba(255,255,255,.2);}
.topa {color: #fff;}
.topa a{display: block;float: left;border-right: 1px solid rgba(255,255,255,.2);}
.topa img{display: block;max-width: 100%;}
.topa strong{display: block;font-size: 20px;line-height: 25px;}
.topa p{letter-spacing: 5.2px;color: rgba(255,255,255,.4);}
.topb {color: #fff;font-family: fz;}
.topb b{font-size: 24px;font-family: fz;font-weight: 100;}
.topb i{font-size: 20px;margin-right: .5rem;}
.topb_b {padding: 1rem;text-align: center;}
.topb_b span{display: block;line-height: 40px;}
.topb_a{text-align: center;position: relative;line-height: 36px;}
.topb_a a{display: block; color: #fff;transition:.4s;}
.topb_a a:hover{color: #ddd;}
.topb_a:nth-of-type(1){width: 70%;border-left: 1px solid rgba(255,255,255,.2);border-right: 1px solid rgba(255,255,255,.2);line-height: 94px;}
.topb_a:nth-of-type(2){width: 30%;}
.topb_a:nth-of-type(2) a{line-height: 94px;}
.menu li{position: relative; text-align: center;height: 100%;}
.menu li span{display: block;position: relative;line-height: 94px; overflow: hidden;color: #fff;font-size: 15px;transition:.4s;}
.menu li span:hover {color: rgba(255,255,255,.8);}
.menu li span:hover i{width: 100%;}
.menu li span i{display: block;height: 1px;background: url(../images/navbg.png) center bottom no-repeat;width: 0px;margin:0 auto;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:95px;left:0; width:100%;text-align: left; height:0;overflow: hidden;opacity:0;background:rgba(255,255,255,.96);
   transition: all 0.3s ease 0s;box-shadow: 0px 5px 5px 5px rgba(9,9,9,.1); }
.menu li .submenu .suba strong{display: block;color: #d0121b;}
.menu li .submenu .suba b{display: block;color:rgba(208,18,27,.1);text-transform: uppercase;font-family: fz;}
.menu li .submenu .suba p{line-height: 35px;color: #777;}
.menu li .submenu .suba p i{color: #d0121b;}
.menu li .submenu .subb{position: relative;}
.menu li .submenu .subb span{display: block;line-height: 30px;color: #999;text-transform: uppercase;border-bottom: 1px solid #e0e0e0;}
.menu li .submenu .subb span b{font-size: 22px;color: #d0121b;}
.menu li .submenu .subb span em{color: #ce000c;font-size: 22px;}
.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{float: left;width: 50%; line-height:45px;}
.menu li .submenu .subb p a{display: block;color: #777;transition:.4s;}
.menu li .submenu .subb p a i{color: #d0121b;}
.menu li .submenu .subb p a:hover{color: #d0121b;}
.menu li .submenu .subc img{display: block;width: 131%;}


.mobmenu .flex-control-nav{background: #ddd;float: left;width: 3%;}
.mobmenu .code{-moz-border-radius:.3em;-webkit-border-radius:.3em;border-radius:.3em;color:#000;font-family:'Fira mono', 'Courier New', Courier, monospace;font-size:85%;letter-spacing:.05em;padding:1em;}
.mobmenu .aligncontent-center {text-align: center;}
.mobmenu .main-header {text-align: center;font-weight:300;font-size: 90%;}
.mobmenu .menu-button {position: absolute;margin: 5px;height: 36px;width: 36px;right: 10px;top: -25px;}
.mobmenu .menu-left {float: left;}
.mobmenu .sidebar{display: none;width: 100%;height: 100%;margin: 0;left:0; position: fixed;top: 0;z-index: 9999;}
.mobmenu .menu-button i{font-size: 24px;color:#fff}
.mobmenu .sidebar > .bg-cover{display: block;position: absolute;top: 0;left: 0;z-index: -1;width: 100%;height: 100%;background: rgba(0,0,0,.5);}
.mobmenu .sidebar nav{float: left;width: 260px;height: 100%;margin-left: -260px;color: white;background:rgba(255,255,255,0.9);}
.mobmenu .sidebar nav span{display: block;line-height: 55px;background: #444;padding-left: 1rem;font-size: 18px;text-transform: uppercase;font-family: fz;}
.mobmenu .sidebar ul{padding:4%;}
.mobmenu .sidebar li a{display: block;line-height: 50px;border-bottom: 1px solid rgba(62,62,62,.2);transition:.4s;}
.mobmenu .sidebar li i{color: #666;float: right;margin-right: .5rem;}
.mobmenu .sidebar li a:hover{background: #d0121b;color: #fff;}
.mobmenu .sidebar li a:hover i{color: #fff;}
/*首页大图*/
.banner {position: relative;height: auto !important;z-index: 1;top:0;}
.banner .swiper-wrapper{height: auto !important;}
.banner .swiper-slide {position: relative;height: auto !important;float: left;}
.banner .swiper-slide a{display:block;width:100%;height: auto !important;}
.banner a img{width: 100%; height: auto;}
.banner .swiper-slide .bannera{position: absolute;z-index: 3;width: 100%;height: 100%;background: rgba(0,0,0,.4); padding-top: 18%;text-align: center;}
.banner .swiper-slide .bannera img{max-width: 100%;}
.banner .swiper-slide .bannera strong{display: block;font-size:80px;color: #fff;}
.banner .swiper-slide .bannera i{display: block;background:url(../images/bline.png) center  no-repeat;height: 5px;margin:1rem 0;}
.banner .swiper-slide .bannera span{color: rgba(255,255,255,.8);line-height: 50px;font-weight: 100;letter-spacing:5px;font-size: 36px;}
.banner .swiper-slide .bannera p{color: rgba(255,255,255,.6);font-size: 26px;font-weight: 100;letter-spacing:5px;font-family: fz;text-transform: uppercase;}
.banner .swiper-pagination{bottom: 4% !important;}
.banner .swiper-pagination-bullet{transition:.4s;}
.banner .swiper-pagination-bullet-active{background: #fff;width: 8px;height: 30px;border-radius: 10px;}
/*in_01*/
.in_01{height: auto;overflow: hidden;}
.intita{text-align: center;}
.intita i{display: block;background:url(../images/intita.png) center  no-repeat;width: 86px;height: 61px;margin:0 auto;}
.intita span{display: block;background:url(../images/intitb.png) center top no-repeat;margin:1rem auto;padding-top: .5rem;}
.intita span strong{color: #d0121b;}
.intita p{color: #777;}
.intita em{font-size: 28px;}
.in01aa{padding:4rem 0;height: auto;overflow: hidden;background:url(../images/in01aa.png) center no-repeat;margin:1rem auto;background-size: 100%;}
.in01aa span{font-size: 16px;text-align: center;line-height: 50px;height: 50px;}
.in01aa span:nth-of-type(1){border-right: 1px solid #d2d2d2;}
.in01aa span:nth-of-type(4){border-right: 1px solid #d2d2d2;}
.in01aa span img{display: block;margin:-20px auto;}
.in01aa span strong{font-size: 56px;color: #d0121b;font-family: fz;}
.in01b li:hover .in01bb{bottom: 4%;}
.in01b li:hover .in01ba img{transform: scale(1.02)}
.in01b li .in01ba{position: relative;}
.in01b li .in01bb{position: absolute;bottom: 0;left:0;color: #fff;z-index: 2;transition:.4s;}
.in01b li .in01bb span{display: block;position: relative;}
.in01b li .in01bb span::before{position: absolute;content: "";left:0; bottom: 0px;width: 25px;height: 1px;background: #d0121b;}
.in01b li .in01bb span i{font-family: fz;font-size: 32px;}
.in01ba img{display: block;width: 100%;transition: all .5s ease 0s;}
/*in_02*/
.in_02{height: auto;overflow: hidden;background:url(../images/in02bg.jpg) top center no-repeat;}
.intitb {position: relative;}
.intitb::before {position: absolute;content: "";width: 18%;height: 1px;background: rgba(255,255,255,.2);top:46%;left:-20%;}
.intitb span{font-family: fz;text-transform: uppercase;color: rgba(255,255,255,.8);}
.intitb span strong{color: #fff;font-family: fz;font-size: 42px;}
.intitb span strong b{color: #d0121b;font-family: fz;}
.intitc {color: #fff;}
.intitc span{position: relative;display: block;}
.intitc span::before{position: absolute;content: "";bottom: 0;left:0;width: 25px;height: 1px;background: #fff}
.intitc span i{color: #d0121b;font-size: 34px;}
.intitc p{letter-spacing: 3px;}
.in_02 .mySwiper2{height: auto;overflow: hidden;background: url(../images/in02a.jpg) left top no-repeat;}
.in_02 .mySwiper2 .row{position: relative;height: auto;overflow: hidden;}
.in_02 .mySwiper2 .row .in02d{position: absolute;right:0;top:0;background: url(../images/in02b.png) right top no-repeat;width: 155px;height: 155px;z-index: 3;}
.in_02 .mySwiper .swiper-wrapper{display: block !important;}
.in_02 .in02a{transition-duration: 0ms !important;transform: translate3d(0px, 0px, 0px) !important;}
.in_02 .mySwiper .swiper-slide{float: left;margin-right: 4% !important;width: 46% !important;cursor: pointer; margin-bottom: 1rem;white-space: nowrap;transition:.4s;
	text-overflow:ellipsis; overflow: hidden; text-align: center;color: rgba(255,255,255,.9);border:1px solid rgba(255,255,255,.7);line-height: 45px;height: 45px !important; }
.in_02 .mySwiper .swiper-slide:nth-of-type(2n+0){margin-right: 0px !important;}
.in_02 .mySwiper .swiper-slide:hover{background: #d0121b;color: #fff;border:1px solid #d0121b; }
.in_02 .mySwiper .swiper-slide-thumb-active{background: #d0121b;color: #fff;border:1px solid #d0121b; }
.in02c {display: block;width: 100%;height: 0;padding-bottom: 107%;position: relative;overflow: hidden;}
.in02c img{transition: all 1s ease;width: 100%;height: 100%;object-fit: cover;left: 0;position: absolute;}
.in02b span{display: block;font-size: 32px;color: #d0121b}
.in02b span small{color: rgba(208,18,27,.4);text-transform: uppercase;margin-left: 4rem;position: relative;font-family: fangsong;font-weight: bold;letter-spacing: 2px;}
.in02b span small::before{position: absolute;content: "";left:0px;height: 1px;width: 55px; background: rgba(208,18,27,.4);top:48%;margin-left: -4rem;}
.in02b p{text-transform: uppercase;color: #999;font-family: fz;}
.in02ba span{display: block;}
.in02ba p{line-height: 40px;color: #777;font-size: 15px;}
.in02ba p i{font-size: 22px;}
.in02bb {width: 80%;}
.in02bb a{width: 48%;line-height: 45px;text-align: center;}
.in02bb a:nth-of-type(1){background: #d0121b;border: 1px solid #d0121b; color: #fff;transition:.4s;}
.in02bb a:nth-of-type(1):hover{background: #fff;color: #777;}
.in02bb a:nth-of-type(2){background: #fff;border: 1px solid #999; color: #777;transition:.4s;}
.in02bb a:nth-of-type(2):hover{background: #d0121b;color: #fff;}
/*in_03*/
.in_03{height: auto;overflow: hidden;}
.in03a{position: relative;}
.in03a .swiper-container {overflow: inherit;}
.in03a .swiper-scrollbar-drag {background:#034395;}
.in03a .swiper-container-horizontal>.swiper-scrollbar{left:0;}
.in03a .swiper-slide {display: flex;flex-direction: column;align-items: center;justify-content: center;position: relative;}
.in03a .swiper-slide a {display: block;position: relative;}
.in03a .swiper-slide a .in03b{position: absolute;height: auto;overflow: hidden; bottom: 20%;left:4%;width: 92%;background: rgba(255,255,255,.8);z-index: 3;opacity:0;filter:alpha(opacity=0); transition:.4s;}
.in03a .swiper-slide a .in03b span{display: block;color: #777;text-transform: uppercase;line-height: 35px;margin-bottom: .5rem;position: relative;}
.in03a .swiper-slide a .in03b span::before{position: absolute;content: "";width: 40px;height: 8px;background: #d0121b;left:-5%;top:36%;}
.in03a .swiper-slide a .in03b span b{font-size: 22px;color: #444;}
.in03a .swiper-slide a .in03b span b em{color: #d0121b;font-family: fz;font-size: 28px;}
.in03a .swiper-slide a .in03b p{color: #777;line-height: 30px;}
.in03a .swiper-slide-active a .in03b{opacity:0.98;filter:alpha(opacity=98);bottom: 4%; }
.in03a .swiper-slide:hover img{transform: scale(1.02)}
.inimga  {height: auto;overflow: hidden;}
.inimga img {display: block;width: 100%;transition: all .5s ease 0s;}
/*in_04*/
.in_04{height: auto;overflow: hidden;background: url(../images/in04bg.jpg) center no-repeat;}
.in04a{height: auto;overflow: hidden;position: relative;}
.in04a .gallery-thumbs{height: 100%;}
.in04a .gallery-thumbs .swiper-wrapper {display: block;}
.in04a .gallery-thumbs .swiper-slide {height: 20%!important;overflow: hidden; border-bottom: 1px solid rgba(255,255,255,0.4);width: 100%!important;cursor: pointer;padding: 4% 0;}
.in04a .gallery-thumbs .swiper-slide-thumb-active {background:#fff;box-shadow: 0px 5px 5px #eee;}
.in04a .gallery-top {height: auto;overflow: hidden;}
.in04a .gallery-top img{display: block;max-width: 100%;}
.in04a .gallery-thumbs .swiper-slide strong b{color: #d0121b;font-family: fz;font-size:36px;font-style: italic;}
.in04a .gallery-thumbs .swiper-slide p{color: #777;line-height: 30px;}
/*in_05*/
.in_05{height: auto;overflow: hidden;background: url(../images/in05bg.jpg) center no-repeat fixed;color: #fff;}
.in05a strong{display: block;}
.in05a strong em{color: #d0121b;}
.in05a p{line-height: 30px;text-transform: uppercase;color: rgba(255,255,255,.8);}
.in05a i{display: block;width: 25px;height: 2px;background: #d0121b;margin:1rem 0;}
.in05b li {text-align: center;height: auto;overflow: hidden;}
.in05b li em{display: block;background: url(../images/in05b.png) center no-repeat;text-align: center;width: 64px;height: 64px;line-height: 64px;margin:0 auto;}
.in05b li em i{font-size: 30px;}
.in05b li span{display: block;line-height: 25px;margin-top: .75rem;}
/*in_06*/
.in_06{height: auto;overflow: hidden;background: url(../images/in06bg.jpg) center top no-repeat;}
.in_06 li a{display: block;position: relative;height: auto;overflow: hidden;}
.in_06 li a:hover .in06a{top:0;}
.in_06 li a img{width: 100%;}
.in06a{position: absolute;z-index: 2;height: 100vh; background: rgba(0,0,0,.4);text-align: center;color: #fff;width: 100%;top:100%;transition:.4s;}
.in06a i{font-size: 46px;}
.in06a strong{display: block;}
.in06a p{line-height: 35px;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
/*in_07*/
.newsb{height: auto;overflow: hidden;}
.news_roll { width:100%; height:auto; position:relative;}
.news_roll ul{ position:relative;margin-bottom: 0px;}
.news_roll ul li{ position:absolute; z-index:1;width:100%; height:auto;overflow: hidden;}
.news_roll ul li a{display: block;position: relative;}
.news_roll ul li img{transition: all 1s ease;width: 100%;height: 100%;object-fit: cover;left: 0;position: absolute;}
.in07a{position: absolute;z-index: 3;bottom:0;left:0;background: linear-gradient(to top, rgba(0,0,0,1) ,rgba(0,0,0,0.6)20%, rgba(255,255,255,0)40%);
	width: 100%;height: 100%;color: #fff;-webkit-transition: .4s;padding: 30% 4% 4% 4%;}
.in07a span{display: block;font-family: fz;}
.in07a strong{display: block;}
.in07a span b{font-size:44px;}
.newsbb  li{height: auto;overflow: hidden;transition:.4s;border-bottom: 1px dashed #e2e2e2;padding:1.75rem;}
.newsbb  li a{display: block;}
.newsfont a{display: block;height: auto;overflow: hidden;}
.infonta{float: left;height: auto;overflow: hidden;width: 74%;}
.infonta span{display: block;}
.infonta p{display: block;line-height: 25px;color: #777;margin-top: .75rem;}
.newsbb  li:hover {background:#f3f3f3;}
.newsbb  li.active{background:#f3f3f3;}
.newsbb  li.active .riqi{color:#d0121b;}
.timeyy{float: right; display:block; width: 18%;height: 100%;text-align: center;transition:.4s;border-left: 1px solid #e8e8e9;}
.riqi{ display:block;line-height:60px;font-size:48px;font-weight: normal;color: #666666;font-family: fz;}
.yuefen{display: block; font-weight: normal;line-height: 25px;color: #777;font-family: fz;}
.nimgc{display: block;width: 100%;height: 0;padding-bottom: 58%;position: relative;overflow: hidden;}
/*脚步*/
.footer{height: auto;overflow: hidden;background:url(../images/footbg.jpg) center bottom no-repeat fixed;border-top: 5px solid #d0121b;}
.foota{color:#7c7c7c;line-height: 40px;border-left: 1px solid rgba(255,255,255,.1);padding-left: 3rem;}
.footaa {text-align: center;}
.footaa img{border: 1px dashed rgba(255,255,255,.2);padding: 8px;max-width: 100%;}
.footaa span{display: block;}
.footab strong{display: block;line-height: 40px;color: #fff;}
.footab span{display: block;color: #d0121b;font-family: fz;}
.footab p{line-height: 35px;color: #fff;}
.footab p i{font-size: 20px;}
.footab em{display: block;}
.footb li strong{display: block;line-height: 50px;transition:.4s;}
.footb li strong a{color: #fff;transition:.4s;}
.footb li strong:hover a{color: rgba(255,255,255,.7);}
.footc{border-top: 1px solid rgba(255,255,255,.1);color: #7c7c7c;}
.footc a{transition:.4s;color: #7c7c7c}
.footc a:hover{color: #fff;}
.fmenu p{line-height: 35px;}
.fmenu p a{color: rgba(255,255,255,.6);transition:.4s;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
.fmenu p a:hover{color: rgba(255,255,255,1);}

.footnav{left: 0;bottom:0;float: left;width: 100%;position: fixed;background:#fff;z-index: 888;border-top: 1px solid #f6f6f6;}
.footnav li{float: left;text-align: center;width: 25%;}
.footnav li a{border-right: 1px solid #f6f6f6;}
.footnav li i{font-size: 20px;}
.footnav li span{display: block;line-height: 25px;color: #666;font-size: 12px;}
.footnav li a{display: block;padding-top:4%;color:#333;transition:.4s;}
.footnav li a:hover{background: #c40000;color: #fff;}
.footnav li a:hover span{color: #fff;}

.inback{position: fixed;bottom: 20vh;right:2%;z-index:88;width:60px; height:60px;line-height: 60px;background:#d0121b;transition:.4s;
	display: none;border-radius: 100px;text-align: center;}
.inback:hover {background:rgba(209,0,0,.6);}
.inback .gotop {position: relative;width:60px; height:60px;border-radius: 50%;
    -webkit-border-radius: 50%;
    align-items: center;
    justify-content: center;
    z-index: 2;}
.inback .gotop i{font-size: 24px; color: #fff;}

.gotop .master_aperture{background-color:rgba(208,18,27,.7);position:absolute;width:100%;height:100%;border-radius:50%;-webkit-border-radius:50%;
opacity:0;-webkit-opacity:0;z-index:-1;right:2%;bottom:0; transition:.4s;}
.gotop .master_more_txt>i{font-size:24px;}
.gotop .master_aperture.circle01{animation:scalej01 2s .4s infinite;-webkit-animation:scalej02 2s .4s infinite;}
@keyframes scalej01{
	0%{transform:scale(1);-webkit-transform:scale(1);opacity:1;-webkit-opacity:1;}
    100%{ transform:scale(1.4);-webkit-transform:scale(1.4);opacity:0;-webkit-opacity:0;}
}  
@-webkit-keyframes scalej01{
	0%{transform:scale(1);-webkit-transform:scale(1);opacity:1;-webkit-opacity:1;}
    100%{ transform:scale(1.4);-webkit-transform:scale(1.4);opacity:0;-webkit-opacity:0;}
}  
.gotop .master_aperture.circle02{animation:scalej02 2s infinite;-webkit-animation:scalej02 2s infinite;}
@keyframes scalej02{
	0%{transform:scale(1);-webkit-transform:scale(1);opacity:1;-webkit-opacity:1;}
    100%{transform:scale(1.8);-webkit-transform:scale(1.8);opacity:0;-webkit-opacity:0;}
}  
@-webkit-keyframes scalej02{
	0%{transform:scale(1);-webkit-transform:scale(1);opacity:1;-webkit-opacity:1;}
    100%{transform:scale(1.8);-webkit-transform:scale(1.8);opacity:0;-webkit-opacity:0;}
}  
 
.pages {font-size:14px;color: #646464;margin:20px 0px;text-align: center;}
.pages a{margin:0px 6px;padding:4px 10px;font-size: 14px;color: #646464;border:1px solid rgb(220,220,220);}
.pages span {margin:0px 6px;padding:4px 10px;font-size: 14px;color: #fff;background: rgb(5,73,148);border: rgb(5,73,148) solid 1px;}
.pages a:hover{background: rgb(5,73,148);border: rgb(5,73,148) solid 1px;color: #fff;}
.bubble{width:100%;height:100%;position:absolute;left:0;top:0;} 
.bubble span,.back_bubble span{display:block;width:20px;height:20px;border-radius:50%;-webkit-border-radius:50%;z-index:-1; 
transition: ease 1s;-webkit-transition: ease 1s;position:absolute;left:50%;
bottom:0px;transform: translateX(-50%);-webkit-transform: translateX(-50%);opacity:0;-webkit-opacity:0;}
.bubble span:nth-child(1){animation:pao 4s linear infinite;-webkit-animation:pao 4s linear infinite;background: rgba(208,18,27,.6);}
.bubble span:nth-child(2){animation:pao3 6s linear infinite;-webkit-animation:pao3 6s linear infinite;
-webkit-transition-delay:0.3s;transition-delay:0.3s;background: rgba(208,18,27,.8);}
.bubble span:nth-child(3){animation:pao2 3s linear infinite;-webkit-animation:pao2 3s linear infinite;
-webkit-transition-delay:0.8s;transition-delay:0.8s;background: rgba(208,18,27,1);}
.bubble span:nth-child(4){animation:pao4 9s linear infinite;-webkit-animation:pao4 9s linear infinite; background: rgba(208,18,27,.3);}
.bubble span:nth-child(5){animation:pao5 7s linear infinite;-webkit-animation:pao5 7s linear infinite; background: rgba(208,18,27,.5);}
 @keyframes pao{
 	0% {
 		transform: translate(200%,-30px) rotate(360deg) scale(.4,.4);
 		-webkit-transform: translate(200%,-30px) rotate(360deg) scale(.4,.4);
 		opacity:1;-webkit-opacity:1;
 	}
 
 	50% {
 		transform: translate(0%,-70px) rotate(360deg) scale(.8,.8);
 		-webkit-transform: translate(0%,-70px) rotate(360deg) scale(.8,.8);
 		opacity:.5;-webkit-opacity:.5;
 	}
 
 	100% {
 		transform: translate(-200%,-100px) rotate(360deg) scale(1,1);
 		-webkit-transform: translate(-200%,-100px) rotate(360deg) scale(1,1);
 		opacity:0;-webkit-opacity:0;
 	
 	}
 }
 @keyframes pao2 {
 	0% {
 		transform:translate(-200%,0px) rotate(360deg) scale(1,1);
 		-webkit-transform:translate(-200%,0px) rotate(360deg) scale(1,1);
 		opacity:1;-webkit-opacity:1;
 	}
 
 	50% {
 		transform: translate(250%,-50px) rotate(360deg) scale(.8,.8);
 		-webkit-transform: translate(250%,-50px) rotate(360deg) scale(.8,.8);
 		opacity:.5;-webkit-opacity:.5;
 	}
 
 	100% {
 		transform: translate(100%,-100px) rotate(360deg) scale(.4,.4);
 		-webkit-transform: translate(100%,-100px) rotate(360deg) scale(.4,.4);
 		opacity:0;-webkit-opacity:0;
 	
 	}
 }
 @keyframes pao3 {
 	0% {
 		transform: translate(0%,0px) rotate(360deg) scale(1,1);
 		-webkit-transform: translate(0%,0px) rotate(360deg) scale(1,1);
 		opacity:1;-webkit-opacity:1;
 	}
 
 	50% {
 		transform: translate(-250%,-50px) rotate(360deg) scale(.8,.8);
 		-webkit-transform:translate(-250%,-50px) rotate(360deg) scale(.8,.8);
 		opacity:.5;-webkit-opacity:.5;
 	}
 
 	100% {
 		transform: translate(-300%,-100px) rotate(360deg) scale(.4,.4);
 		-webkit-transform:translate(-300%,-100px) rotate(360deg) scale(.4,.4);
 		opacity:0;-webkit-opacity:0;
 	
 	}
 }
@keyframes pao4 {
	0% {
		transform: translate(400%,0px) rotate(360deg) scale(1,1);
		-webkit-transform: translate(400%,0px) rotate(360deg) scale(1,1);
		opacity:1;-webkit-opacity:1;
	}

	50% {
		transform: translate(400%,-50px) rotate(360deg) scale(.8,.8);
		-webkit-transform: translate(400%,-50px) rotate(360deg) scale(.8,.8);
		opacity:.5;-webkit-opacity:.5;
	}

	100% {
		transform: translate(-100%,-100px) rotate(360deg) scale(.4,.4);
		-webkit-transform: translate(-100%,-100px) rotate(360deg) scale(.4,.4);
		opacity:0;-webkit-opacity:0;
	}
}
@keyframes pao5 {
	0% {
		transform: translate(-400%,0px) rotate(360deg) scale(.1,.1);
		-webkit-transform:translate(-400%,0px) rotate(360deg) scale(.1,.1);
		opacity:1;-webkit-opacity:1;
	}

	50% {
		transform: translate(-400%,-50px) rotate(360deg) scale(.6,.6);
		-webkit-transform: translate(-400%,-50px) rotate(360deg) scale(.6,.6);
		opacity:.5;-webkit-opacity:.5;
	}

	100% {
		transform: translate(0%,-100px) rotate(360deg) scale(1,1);
		-webkit-transform: translate(0%,-100px) rotate(360deg) scale(1,1);
		opacity:0;-webkit-opacity:0;
	}
}
/*简介*/
.comban{overflow: hidden;background: url(../images/ban_com.jpg) center top no-repeat fixed;}
.newsban{overflow: hidden;background: url(../images/ban_news.jpg) center top no-repeat fixed;}
.hyyyban{overflow: hidden;background: url(../images/ban_hyyy.jpg) center top no-repeat fixed;}
.ban {height: auto;overflow: hidden;margin:13% 0;color: #fff;}
.ban span{display: block;}
.ban i{display: block;width: 45px;height: 3px;background: #fff;margin:1rem 0;}
.ban p{color: rgba(255,255,255,.8);}
.location{height: auto;line-height: 60px;color: #777;margin-top: -62px;border-top: 1px solid rgba(255,255,255,.2)}
.location a{color: rgba(255,255,255,.8);transition:.4s;}
.location a:hover{color:#fff;;}
.locationa i{color: #fff;font-size: 18px;}
.locationb li a{display: block;position: relative;text-align: center;transition:.4s;}
.locationb li a:hover {background: rgba(255,255,255,.3); }
.locationb li a::after{position: absolute;content: "";width: 1px;height: 15px;background: rgba(255,255,255,.2);top:37%;right:0;}
.locationb li:last-child a::after{width: 0px;}
/*content_company*/
.companya {height: auto;overflow: hidden;}
.c_a strong{display: block;text-transform: uppercase;color: rgba(208,18,27,.1);font-size: 60px;}
.c_a span{display: block;margin-top: -40px;color: #d0121b;}
.c_b strong{display: block;color: #d0121b;text-align: right;}
.c_b p{line-height: 30px;color: #777;text-transform: uppercase;}
.coma_a{line-height: 30px;color: #777;}
.coma_b {display: block;width: 100%;height: 360px; background: url(../images/coma.jpg) 100% center no-repeat fixed;}
.coma_a img{display: block;max-width: 100%;}
.companyb{height: auto;overflow: hidden;position: relative;}
.comb_a {position: absolute;z-index: 2;width: 100%;}
.comb_aa{background: #d0121b;color: #fff;}
.comb_aa span{display: block;color: #fff;}
.comb_aa span b{font-family: fz;font-size: 44px;}
.comb_aa p{color: rgba(255,255,255,.8);line-height: 30px;text-transform: uppercase;}
.comb_aa ul li{text-align: center;}

.companyc{height: auto;overflow: hidden;}
.comc_a strong{display: block;color: #d0121b;}
.comc_a p{line-height: 30px;color: #777;}
.comc_b li{border-bottom: 1px dashed #e0e0e0;}
.comc_b li span{display: block;text-transform: uppercase;color: #999;}
.comc_b li span em{color: #444;}
.comc_b li span em i{color: #d0121b;font-size: 36px;}
.comc_b li p{color: #777;}
.comc_b li:hover{box-shadow: rgba(174,174,174,.1) 0 2px 5px 5px;transform: translate3d(0,-5px,0);transition: all linear 0.3s;}
.companyd{height: auto;overflow: hidden;background: url(../images/comdbg.jpg) center repeat;}
.comd_a{height: auto;overflow: hidden;background: url(../images/comd_a.jpg) center repeat #d21f27;color: #fff;}
.comd_a strong{display: block;}
.comd_a p{color: rgba(255,255,255,.8);text-transform: uppercase;}
.comd_a ul{height: auto;overflow: hidden;}
.comd_a li {float: left;width: 50%;position: relative;}
.comd_a li::before{position: absolute;content: "";width: 1px;height: 50px;background: rgba(255,255,255,.8);right:0;top:25%;}
.comd_a li:last-child{text-align: center;}
.comd_a li:last-child::before{width: 0px;}
.comd_a li span{display: block;line-height: 40px;}
.comd_a li span em{font-size: 44px;font-family: fz;}
.cmorea a{display: block;color: #fff;margin-top: 70%;transition:.4s;line-height: 50px;}
.cmorea a:hover{color:rgba(255,255,255,.8);}
.comd_b a{display: block;position: relative;border: 1px solid #eee;}
.comd_b a img{display: block;width: 100%;}
.comd_b a:hover .comd_ba{background: rgba(0,0,0,0.6);opacity: 1;bottom: 0; }
.comd_b a:hover .comd_bb em{margin:25% auto 0 auto;}
.comd_ba{position: absolute;width: 100%; background: rgba(0,0,0,0);opacity: 0; left:0;bottom: 0; height: 100%;overflow: hidden;transition:.4s;}
.comd_bb{border: 1px dashed rgba(255,255,255,.7);height: 100%;}
.comd_bb em{display: block;width: 35px;height: 35px;border-radius: 40px;border: 1px solid rgba(255,255,255,.8);text-align: center;line-height: 35px;margin:40% auto 0 auto;transition:.4s;}
.comd_ba span{display: block;color: #fff;text-align: center;}
.comd_ba i{color: rgba(255,255,255,.8);}
.cimga{display: block;width: 100%;height: 0;padding-bottom: 70%;position: relative;overflow: hidden;}
.cimga i{position: absolute;z-index: 2;height: 100%;width: 100%;background: rgba(0,33,84,0);padding-top: 10%;text-align: center;transition:.4s;}
.cimga i em{font-size:42px;color: #fff;opacity: 0;transition:.4s;}
.cimga img{transition: all 1s ease;width: 100%;height: 100%;object-fit: cover;left: 0;position: absolute;}
.comd_c li a{display: block;position: relative;border: 1px solid #eee;}
.comd_c li a img{display: block;width: 100%;}
.comd_c li a:hover .comd_ba{background: rgba(0,0,0,0.6);opacity: 1;bottom: 0; }
.comd_c li a:hover .comd_bb em{margin:20% auto 0 auto;}
.companye{height: auto;overflow: hidden;background: url(../images/comebg.jpg) center repeat;}
.come_a{position: relative;}
.come_a .swiper-container {padding-bottom: 4%;height: auto;overflow: hidden;}
.come_a .swiper-scrollbar-drag {background:#ce000c;}
.come_a .swiper-container-horizontal>.swiper-scrollbar{left:0;}
.come_a .swiper-slide {display: flex;flex-direction: column;align-items: center;justify-content: center;position: relative;}
.come_a .swiper-slide  {display: block;border: 1px solid #d6d9dd;background: #fff;position: relative;}
.come_a .swiper-slide  span{position: absolute;bottom: 0;width: 100%;line-height: 50px;background: rgba(0,0,0,.6);color: #fff;text-align: center;transition:.4s;}
.come_a .swiper-slide  img{display: block;width: 100%;transition:all 0.6s ease 0s;}
.come_a .swiper-slide:hover img{transform: scale(1.05);}
.come_a .swiper-slide:hover span{line-height: 65px;background: rgba(209,0,0,.6);}

/*荣誉*/
.bga{height: auto;overflow: hidden;background: #fbfbfb;}
.honorlist{height: auto;overflow: hidden;padding: 2% 0;}
.honorlist li{height: auto;overflow: hidden;}
.honorlist li a{display: block;position: relative;border: 1px solid #efefef;}
.honorlist li img{transition: all .5s ease;width: 100%;height: 100%;object-fit: cover;left: 0;position: absolute;}
.honorlist li:hover img{transform: scale3D(1.1, 1.1, 1.1)}
.honorlist li:hover .hfonta{background: rgba(0,33,84,0.9);opacity: 0.8;bottom: 0;}
.hfonta{position: absolute;z-index: 8;bottom: -260px;width: 100%;color: #fff; height: 100%;padding-top: 25%; overflow: hidden;text-align: center;
    background: rgba(0,33,84,0);transition: .4s;}
.hfonta span{display: block; line-height: 30px;font-size: 18px;font-weight: bold;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
.hfonta i{font-size: 34px;}
.pimga{position: relative;overflow: hidden;width: 100%;height: 0;padding-bottom: 75%;}
/*hyyy*/
.hyyylist li a{display: block;border: 1px solid #e8e8e8;border-radius: 5px;transition:.4s;}
.hyyylist li a:hover {box-shadow: rgba(174,174,174,.2) 0 2px 5px 5px;transform: translate3d(0,-5px,0);transition: all linear 0.3s;}
.hyyylist li a:hover img{transform: scale(1.03)}
.hyyylist li a:hover .cimga i{background: rgba(0,33,84,.6);padding-top: 30%;}
.hyyylist li a:hover .cimga em{opacity: 1;}
.hfontb{height: auto;overflow: hidden;box-shadow: 0px 2px 5px #eee;line-height: 35px;}
.hfontb span{display: block;}
.hfontb span em{color: #ce000c;}
.hfontb i{background: #ce000c;color: #fff;padding: .25rem 1rem;}
/*gylc*/
.gylc{position: relative;}
.gylc .mySwiper2 img{width: 100%;}
.gylc .mySwiper .swiper-slide {width: 100%;}
#bannerSwiper{height: auto;overflow: hidden;position: relative;}
#bannerSwiper .bannerbuttom{position: absolute;width: 100%;left:0;bottom:22%;}
#bannerSwiper .bannerbuttom .container{position: relative;}
#bannerSwiper .swiper-button-prev{top:0%;left:4%;;width: 45px;background: #ce000c;height: 45px;border-radius: 40px;transition:.4s}
#bannerSwiper .swiper-button-prev:hover{background: rgba(0,0,0,.9);}
#bannerSwiper .swiper-button-prev i{color:#fff;transition:.4s;}
#bannerSwiper .swiper-button-next{top:0%;right:4%;;width: 45px;background: #ce000c;height: 45px;border-radius: 40px;transition:.4s}
#bannerSwiper .swiper-button-next:hover{background: rgba(0,0,0,.9);}
#bannerSwiper .swiper-button-next i{color:#fff;transition:.4s;}
#bannerSwiper .swiper-button-next:after, #bannerSwiper .swiper-button-prev:after{display: none;}

#bannerSwiper .swiper-slide{position: relative;}
.gylca{position: absolute;width: 100%;left:0;bottom:12%;}
.gylcb{background: #fff;height: auto;overflow: hidden;width:100%;margin:0 auto;padding: 0 10%;}
.gylcb span{display: block;color: #777;text-transform: uppercase;line-height: 35px;margin-bottom: .5rem;position: relative;}
.gylcb span b{font-size: 22px;color: #444;}
.gylcb span b em{color: #d0121b;font-family: fz;font-size: 28px;}
.gylcb p{line-height: 30px;color: #777;}

/*content_product*/
.ploc{color: #fff;line-height: 40px;margin-top: 12%;}
.ploc a{color: rgba(255,255,255,.8);transition:.4s;}
.ploc a:hover{color:#fff;;}
.proban{overflow: hidden;background: url(../images/ban_pro.jpg) center top no-repeat fixed;}
.protype strong{display: block;color: rgba(255,255,255,.8);font-weight: normal;}
.protype strong b{color: #ce000c;}
.protype li a{display: block; transition:.4s;position: relative;line-height:50px;}
.protype li a span{display: block;width: 100%;border: 1px solid rgba(255,255,255,.8);color: #fff;transition:.5s;text-align: center; position: relative;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
.protype li a:hover > div{width: 1em;height: 1em;}
.protype li a span:hover {transform:scale(0.95,0.87);background: #d0121b;border: 1px solid rgba(208,18,27,.8);}
.protype li a span:hover {color: #fff;}
.protype li a span:hover i{color: #fff;}
.protype li a:hover .line_tl {border-top-width: 1px;border-left-width: 1px;}
.protype li a:hover .line_tr {border-top-width: 1px;border-right-width: 1px;}
.protype li a:hover .line_bl {border-bottom-width: 1px;border-left-width: 1px;}
.protype li a:hover .line_br {border-bottom-width: 1px;border-right-width: 1px;}
.protype li a > div{position: absolute;border-style: solid;border-width: 0;width: 0em;height: 0em;transition: all 0.5s;-webkit-transition: all 0.5s;}
.protype li .line_tl {left: -3px;top: -3px;border-top-width: 0px;border-left-width: 0px;border-color: #d0121b;}
.protype li .line_tr {right: -3px;top: -3px;border-top-width: 0px;border-right-width: 0px;border-color: #d0121b;}
.protype li .line_bl {left: -3px;bottom: -3px;border-bottom-width: 0px;border-left-width: 0px;border-color: #d0121b;}
.protype li .line_br {right: -3px;bottom: -3px;border-bottom-width: 0px;border-right-width: 0px;border-color: #d0121b;}

.prolist li a{display: block;transition: all linear 0.3s;}
.prolist li a:hover .p_a{box-shadow: rgba(255,255,255,0.1) 0 0 10px 8px;transform: translate3d(0,-5px,0); }
.prolist li a:hover .typetit i{background: #fff;color: #ce000c; }
.p_a{height: auto;overflow: hidden;border:1px solid #e0e0e0;background: #fff; transition:.4s;}
.typetit strong{display: block;background: url(../images/typetit.png) left center no-repeat;padding-left: 10px;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
.typetit i{display: block;width: 140px;line-height: 40px;background: #ce000c;border: 1px solid #ce000c;color: #fff;text-align: center;transition:.4s;}
.pfonta{float: right;width: 50%;}
.pfonta li{height: auto;overflow: hidden;border-bottom: 1px dashed #f2f2f2}
.pfonta li:last-child{border-bottom:none;}
.pfonta li strong i{font-weight: normal;color: #ce000c;font-size: 28px;}
.pfonta li p{line-height: 35px;color: #777;padding-left: 9%;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
.pimg{float: left;width: 50%;}
.profimg{border: 1px solid #eee;}
.pimg img{display: block;max-width: 100%;border: 1px solid #eee;}
/*产品详情*/
.pinfoban{height: auto;overflow: hidden;background: url(../images/pinfoban.jpg) top center no-repeat;}
.plocation{line-height: 40px;color: #fff;margin-top: 8%;}
.plocation a{color: #fff;}
.plocation a:hover{color:rgba(255,255,255,.7);}
.proa {height: auto;overflow: hidden;color: #fff;}
.proa img{display: block;width: 100%;background: #fff;}
.proaa {height: auto;overflow: hidden;border-bottom: 1px dashed rgba(255,255,255,.2)}
.proaa strong{display: block;background: url(../images/typetit.png) left center no-repeat;padding-left: 10px;}
.proaa p{line-height: 40px;color: rgba(255,255,255,.8);}
.proab i{margin-right:.5rem;background: #ce000c;color: #fff;text-align: center;width: 20%;line-height: 45px;}
.proac_a {width: 60%;}
.proac_a i{float: left;font-size: 50px;color: #ce000c;margin-right: .5rem;}
.proac_a span{display: block; color: rgba(255,255,255,.8);margin-top: .5rem;}
.proac_a p{color: #ce000c;font-weight: bold;font-family: fz;}
.proac_d a{display: block;background: #ce000c;border: 1px solid #ce000c;line-height:48px;color: #fff;text-align: center;width: 180px;transition:.4s;}
.proac_d a:hover{background: #fff;color: #ce000c;}
.proad strong{display: block;}
.proad li a{display: block;transition:.4s;height: auto;overflow: hidden;}
.proad li a:hover{box-shadow: rgba(255,255,255,0.1) 0 0 10px 8px;transform: translate3d(0,-5px,0); }
.prob{height: auto;overflow: hidden;background: #f7f8fb;}
.ptitb{text-align: center;}
.ptitb strong{color: #ce000c}
.ptitb em{font-size: 28px;}
.ptitb p{color: #777}
.proba li{text-align: center;}
.proba li:hover em{border: 1px dashed #ce000c;-webkit-transform:rotate(25deg);-moz-transform:rotate(25deg);}
.proba li em{display: block;width: 70px;height: 70px;border: 1px dashed #f7f8fb;padding: 5px;border-radius: 60px;margin:0 auto;transition:.4s;}
.proba li em i{display: block;width: 100%;height: 100%;background: #ce000c;color: #fff;text-align: center;border-radius: 60px;padding-top: .5rem;}
.proba li span{display: block;}
.proca{line-height: 30px;color: #777;}
.proca img{max-width: 100%;}
.prod{height: auto;overflow: hidden;background:#f7f8fb;}
.prodb{background:url(../images/prodb.png)  center no-repeat #fff;text-align: center;transition:.4s;}
.prodb i{font-size: 42px;color: #ce000c}
.prodb strong{display: block;}
.prodb em{display: block;width: 25px;height: 2px;background: #ce000c;margin:1rem auto;}
.prodb p{color:#777;}
.proda li:hover .prodb{background: url(../images/proda.jpg)  center no-repeat;color: #fff;transform: translate3d(0,-5px,0);}
.proda li:hover .prodb p{color: #fff;}
.proe{height: auto;overflow: hidden; background: url(../images/proe.jpg)  center no-repeat fixed;}
.ptitc{text-align: center;color: #fff;}
.ptitc em{font-size: 28px;}
.proea li:hover .proeb{background: #f8f9fa;box-shadow: rgba(4,4,4,.2) 0 0 10px 8px;transform: translate3d(0,-5px,0)}
.proeb{background: #fff;transition: all linear 0.3s;}
.proeb strong{display: block;color: #ce000c;font-family: fz;}
.proeb p{color: #999;font-size: 15px;line-height: 30px;}

.profa .swiper-slide a{display: block;height: auto;overflow: hidden;border: 1px solid #e2e2e2;text-align: center;}
.profa .swiper-slide a{display: block;position: relative;}
.profa .swiper-slide a:hover .pfontb{height: 100%;background: rgba(206,0,12,.85);box-shadow: 0px 0px 8px 5px #d2d4d4}
.profa .swiper-slide a:hover .pfontb span{font-size: 32px;margin-top:4.5rem;line-height: 50px; }
.profa .swiper-slide img{display: block;width: 100%;}
.pfontb {text-align: center;color: #fff;height: 50px;width: 100%; overflow: hidden;position: absolute;background: rgba(206,0,12,1);bottom: 0;transition:.6s;}
.pfontb span{display: block;line-height: 50px;transition:.4s;font-size: 16px;}
.pfontb p{line-height: 30px;color: rgba(255,255,255,.85);}
.pfontb i{display: block;width: 45px;height: 45px;line-height: 45px; border-radius: 30px;background: #fff;text-align: center;margin:.5rem auto 0 auto;}
.pfontb i em{color: #ce000c;font-size:26px;}
.pic{display: block;width: 100%;height: 0;padding-bottom: 90%;position: relative;overflow: hidden;}



/*新闻*/
.newsLa{height: auto;overflow: hidden;background: #f7f8fb;}
.newsLa .mySwiper{height: auto;overflow: hidden;padding-bottom: 4%;}
.newsLa .swiper-pagination-bullet{background: #ce000c}
.newsLaa .swiper-slide a{display: block;height: auto;overflow: hidden;background: #fff;transition: all linear 0.3s;}
.newsLaa .swiper-slide a:hover{box-shadow: rgba(4,4,4,0.1) 0 0 10px 8px;transform: translate3d(0,-2px,0);}
.newsLaa .swiper-slide a:hover i{background: #fff;color: #ce000c; }
.nimgb{width: 50%;display: block;height: 0;padding-bottom:45%;position: relative;overflow: hidden;}
.nimgb img{transition: all 1s ease;width: 100%;height: 100%;object-fit: cover;left: 0;position: absolute;}
.nfonta{width: 50%;}
.nfonta strong{display: block; white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
.nfonta span{display: block;color: #999;}
.nfonta p{line-height: 30px;color: #999;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.nfonta i{display: block;width: 140px;line-height: 40px;background: #ce000c;border: 1px solid #ce000c;color: #fff;text-align: center;transition:.4s;}
.newslist{height: auto;overflow: hidden;}
.newslist ul li a{display: block;transition:.4s;position: relative;border-bottom: 1px solid #eee; }
.newslist ul li:hover a{background: #f7f8fb;}
.newslist ul li:hover img{transform: scale3D(1.1, 1.1, 1.1)}
.newslist ul li:hover span{color: #ce000c;}
.time {display: block;line-height: 30px;color: #999;}
.newsfonta span{display: block;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;position: relative;z-index: 2; }
.newsfonta p{line-height: 30px;color: #777;}
.newsfonta i{display: block;width: 40px;height: 40px;border-radius: 40px;background: #ce000c;text-align: center;line-height: 40px;}
.newsfonta i em{color: #fff;}
.nimga{height: auto;overflow: hidden;}
.nimga img{display: block;max-width: 100%;transition:.4s;}
/*新闻详情*/
.newsinfo{height: auto;overflow: hidden;background: #f4f6f8;}
.ninfoa{height: auto;overflow: hidden;text-align: center;}
.ninfoa strong{display: block;font-size: 18px;color: #4c4c4c;line-height:40px;} 
.meta{line-height: 35px;color: #777;border-bottom: 1px solid #dbdbdb;}
.newsaa {height: auto;overflow: hidden;}
.newsaa  img{display: block;margin:0 auto;max-width: 100%;}
.newsaa  p{line-height: 30px;}

.sidea{padding: 2% 0;height: auto;overflow: hidden;}
.sidea li{height: auto;overflow: hidden;background: #f7f8fb;transition:.4s;position: relative;border-bottom: 2px solid #e3e3e3}
.sidea li:hover{transform: translate3d(0,-5px,0);box-shadow: 0px 0px 8px 5px rgba(0,0,0,.1)}
.sidea li:hover::before{width: 100%;}
.sidea li::before{position: absolute;content: "";width: 0;left:0; bottom: 0;height: 2px;background: #d0121b;transition:.4s;}
.sidea li a{display: block; height: auto;overflow: hidden;}
.sidea li strong{display: block;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
.sidea li span{display: block;color: #999;line-height: 30px;}
.sidea li p{line-height: 30px;color: #777;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}

.page{border-top: 1px solid #dbdbdb;padding-top: 1rem;margin-top: 1rem;height: auto;overflow: hidden;}
#prev_next li{line-height: 35px; color: #777;}
#prev_next li i{float: left;}
#prev_next li a{transition:.4s;}
#prev_next li:hover a{color: #d0121b !important;}
.back a{float: right; display: block;width: 140px;line-height: 45px;color: #fff; border:1px solid #ce000c;border-radius: 5px;text-align: center;;transition:.4s;background: #ce000c}
.back a:hover{border-radius: 0 20px 0 20px}
/*联系*/
.lxwma{padding-top: 8%;background: url(../images/ban_con.jpg) top center no-repeat fixed;}
.cloc{color: #fff;line-height: 40px;}
.cloc a{color: rgba(255,255,255,.8);transition:.4s;}
.cloc a:hover{color:#fff;;}
.ltita {text-align: center;}
.ltita strong{display: block;}
.ltita p{color: #777;}
.ltitb span{font-weight: bold;color: #ce000c;}
.lxwma_b{height: auto;overflow: hidden;background: #fff; box-shadow: 0px 0px 8px 5px rgba(0,0,0,.06)}
.lxwma_b ul{border-bottom: 1px solid #eee;}
.lxwma_a{text-align: center;transition:.4s;height: auto;overflow: hidden;}
.lxwma_a:hover b{background: #444;border-radius: 50px;}
.lxwma_a b{display: block;font-weight: normal;transition:.8s;width:70px;line-height: 60px;background:#ce000c;text-align: center;margin:0 auto;border-radius: 10px;margin-bottom: 1rem;}
.lxwma_a i{font-size: 30px;color: #fff;}
.lxwma_a span{display: block;line-height: 30px;font-size: 15px;}
.lxwma_a p{line-height: 30px;transition:.4s;color: #777;}
.lxwm_c {text-align: center;}
.lxwm_c p{color: #999;}
.lxwm_c a{display: block;width: 40%;line-height: 50px;background: #ce000c;border: 1px solid #ce000c;color: #fff;text-align: center;margin:0 auto;transition:.4s;}
.lxwm_c a:hover{background: #fff; color: #ce000c;}
.lxwm_c strong{display: block;}

.lxwmb{height: auto;overflow: hidden;background: #fff;box-shadow: 0px 0px 8px 5px rgba(0,0,0,.06)}
.ltitb strong{display: block;color: #ce000c;}
.ltitb p{color: #777;}
.lxwmb .forma input{display: block;background: #f2f2f2;width: 100%; line-height: 45px;padding-left:2rem;margin-bottom: 1rem;}
.lxwmb  textarea{display: block;width: 100%;height: 178px; padding-top: 1rem;padding-left: 2rem;margin-bottom: 2rem;background:#f2f2f2;}
.lxwmb .code input{float: left;width: 35%;line-height: 45px;background: #f2f2f2;text-align: center;}
.lxwmb .code .verify{float: left;width: 30%;margin: 0 3%;}
.lxwmb .code .verify img{max-width: 100%;height: 45px;}
.lxwmb .code .submit{float: left;width: 28%; display: block;line-height: 45px;color: #f2f2f2;text-align: center; background: #ce000c;transition: .4s;}
.lxwmb .code .submit:hover{background: #444;border-radius: 0 20px 0 20px;}
.mes-form{height: auto;overflow: hidden;}
.lxwmb .code{width: 60%;}





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

.topa a{border-right: none;}
.in01aa{padding:0;}
.in01aa span strong{font-size: 22px;}
.in_02 .mySwiper{padding-right: 0px !important;}
.in_02 .mySwiper2 .row .in02d{display: none;}
.in_02 .mySwiper .swiper-slide{width: 23%  !important;margin-right: 2% !important;}
.in_02 .mySwiper .swiper-slide:nth-of-type(2n+0){margin-right: 2% !important;}
.in_02 .mySwiper .swiper-slide:nth-of-type(4n+0){margin-right: 0 !important;}
.in_02 .mySwiper2{width: 100%;}
.in02b span small{display: none;}
.in02bb{width: 100%;}
.in03a .swiper-slide a .in03b span{margin-bottom: 0px;}
.in03a .swiper-slide a .in03b span::before{display: none;}
.in03a .swiper-slide a .in03b span b{font-size: 18px;}
.in03a .swiper-slide a .in03b span b em{font-size: 22px;}
.in_05{background: url(../images/in05bg.jpg) center no-repeat;}
.in05a p{font-family: fz;font-size: 12px;}
.infonta{width: 100%;}
.foota{padding: 0;}
.comban{background-size: 235%;}
.proban{background-size: 355%;}
.hyyyban{background-size: 235%;}
.newsban{background-size: 235%;}
.ban{margin: 30% 0 15% 0;}
.c_a strong{font-size: 32px;}
.location{margin-top: 0px;background: rgba(0,0,0,.8);}
.locationa{border-bottom: 1px solid rgba(255,255,255,.2);}
.c_b strong{text-align: left;}
.coma_b{background: url(../images/coma.jpg) 0% center no-repeat fixed;}
.coma_b{height: 330px !important;}
.companyc img{max-width: 100%;}
.comd_b{padding-left: 15px !important;padding-right: 15px !important}
.ploc{padding-top: 25%;}
.protype li a{line-height: 35px;}
.typetit i{display: none;}
.plocation{margin-top: 25%;}
.proab i{margin-right: 0px;width: 25%;}
.profa .swiper-slide a:hover .pfontb span{font-size: 14px;margin-top:1.5rem;line-height:30px; }
.hfontb i{display: none;}
.newsLa .mySwiper{padding-bottom: 12%;}
.newsfonta p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.lxwma{padding-top: 25%;}
.lxwmb .code{width: 100%;}
.footer{padding-bottom: 14%;}
.in02c{padding-bottom: 70%;}
.intita span{background: none;}
.in04a .gallery-thumbs .swiper-slide strong b{font-size: 20px;}
.in06a i{font-size: 24px;}
.in06a p{display: none;}

.back a{float: left;}
#bannerSwiper .swiper-button-prev{display: none;}
#bannerSwiper .swiper-button-next{display: none;}
.nfonta p{line-height: 30px;color: #999;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.cmorea a{margin-top: 0px;}
.hfonta i{font-size: 24px;}
.hfonta span{font-size: 14px;}
.ptitb em{font-size: 16px;}
}

@media (min-width: 576px) and (max-width: 768px) { 
.topa a{border-right: none;}
.in01aa{padding:0;}
.in01aa span strong{font-size: 22px;}
.in_02 .mySwiper{padding-right: 0px !important;}
.in_02 .mySwiper2 .row .in02d{display: none;}
.in_02 .mySwiper .swiper-slide{width: 23%  !important;margin-right: 2% !important;}
.in_02 .mySwiper .swiper-slide:nth-of-type(2n+0){margin-right: 2% !important;}
.in_02 .mySwiper .swiper-slide:nth-of-type(4n+0){margin-right: 0 !important;}
.in_02 .mySwiper2{width: 100%;}
.in02b span small{display: none;}
.in02bb{width: 100%;}
.in03a .swiper-slide a .in03b span{margin-bottom: 0px;}
.in03a .swiper-slide a .in03b span::before{display: none;}
.in03a .swiper-slide a .in03b span b{font-size: 18px;}
.in03a .swiper-slide a .in03b span b em{font-size: 22px;}
.in_05{background: url(../images/in05bg.jpg) center no-repeat;}
.in05a p{font-family: fz;font-size: 12px;}
.infonta{width: 100%;}
.foota{padding: 0;}
.comban{background-size: 240%;}
.proban{background-size: 240%;}
.hyyyban{background-size: 240%;}
.newsban{background-size: 240%;}
.ban{padding: 15% 0 10% 0;}
.c_a strong{font-size: 32px;}
.location{margin-top: 0px;background: rgba(0,0,0,.8);}
.locationa{border-bottom: 1px solid rgba(255,255,255,.2);}
.c_b strong{text-align: left;}
.coma_b{background: url(../images/coma.jpg) 0% center no-repeat fixed;}
.coma_b{height: 330px !important;}
.companyc img{max-width: 100%;}
.comd_b{padding-left: 15px !important;padding-right: 15px !important}
.ploc{margin-top: 20%;}
.protype li a{line-height: 35px;}
.typetit i{display: none;}
.plocation{margin-top: 25%;}
.proab i{margin-right: 0px;width: 25%;}
.profa .swiper-slide a:hover .pfontb span{font-size: 14px;margin-top:1.5rem;line-height:30px; }
.hfontb i{display: none;}
.newsLa .mySwiper{padding-bottom: 12%;}
.newsfonta p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.lxwma{padding-top: 25%;}
.lxwmb .code{width: 100%;}
.in02c{padding-bottom: 70%;}
.intita span{font-size: 28px;}
.in05a strong{font-size: 22px;}
.in06a i{font-size: 24px;}
.foota{border-left: none;}
.ptitb span{font-size: 28px;}
.ptitb strong{font-size: 28px;}
.ban span{font-size: 28px;}
.ptitc span{font-size: 28px;}
.ptitc strong{font-size: 28px;}
.proeb strong{font-size: 22px;}
.back a{float: left;}
#bannerSwiper .swiper-button-prev{display: none;}
#bannerSwiper .swiper-button-next{display: none;}
.prodb strong{font-size: 20px;}
.comc_a strong{font-size: 24px;}
.comc_b li span em{font-size: 24px;}
.cmorea a{margin-top: 0px;}
 }
@media (min-width: 768px) and (max-width:992px) { 
 .topa a{border-right: none;}
.in01aa{padding:0;}
.in01aa span strong{font-size: 22px;}
.in_02 .mySwiper{padding-right: 0px !important;}
.in_02 .mySwiper2 .row .in02d{display: none;}
.in_02 .mySwiper .swiper-slide{width: 23%  !important;margin-right: 2% !important;}
.in_02 .mySwiper .swiper-slide:nth-of-type(2n+0){margin-right: 2% !important;}
.in_02 .mySwiper .swiper-slide:nth-of-type(4n+0){margin-right: 0 !important;}
.in_02 .mySwiper2{width: 100%;}
.in02b span small{display: none;}
.in02bb{width: 100%;}
.in03a .swiper-slide a .in03b span{margin-bottom: 0px;}
.in03a .swiper-slide a .in03b span::before{display: none;}
.in03a .swiper-slide a .in03b span b{font-size: 18px;}
.in03a .swiper-slide a .in03b span b em{font-size: 22px;}
.in_05{background: url(../images/in05bg.jpg) center no-repeat;}
.in05a p{font-family: fz;font-size: 12px;}
.foota{padding: 0;}
.comban{background-size: 240%;}
.proban{background-size: 240%;}
.hyyyban{background-size: 240%;}
.newsban{background-size: 240%;}
.ban{margin: 15% 0 10% 0;}
.c_a strong{font-size: 32px;}
.location{margin-top: 0px;background: rgba(0,0,0,.8);}
.locationa{border-bottom: 1px solid rgba(255,255,255,.2);}
.cmorea a{margin-top: 0px;}
.c_b strong{text-align: left;}
.coma_b{background: url(../images/coma.jpg) 50% center no-repeat fixed;background-size: 100%;}
.coma_b{height: 330px !important;}
.companyc img{max-width: 100%;}
.comd_b{padding-left: 15px !important;padding-right: 15px !important}
.ploc{margin-top: 20%;}
.protype li a{line-height: 35px;}
.typetit i{display: none;}
.plocation{margin-top: 15%;}
.proab i{margin-right: 0px;width: 25%;}
.profa .swiper-slide a:hover .pfontb span{font-size: 14px;margin-top:1.5rem;line-height:30px; }
.hfontb i{display: none;}
.newsLa .mySwiper{padding-bottom: 12%;}
.newsfonta p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.lxwma{padding-top: 15%;}
.lxwmb .code{width: 60%;}
.foota{border-left: none;}
.in02c{padding-bottom: 70%;}
.intita span{font-size: 28px;}
.in04a .gallery-thumbs .swiper-slide strong{font-size: 18px;}
.in04a .gallery-thumbs .swiper-slide strong b{font-size: 20px;}
.in04a .gallery-thumbs .swiper-slide p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.proab i{font-size: 12px;}
.back a{float: left;}
#bannerSwiper .swiper-button-prev{display: none;}
#bannerSwiper .swiper-button-next{display: none;}
.nfonta p{display: none;}
.in01b li .in01bb span{font-size: 22px;}
.comc_a strong{font-size: 24px;}
.comc_b li span em{font-size: 24px;}
.ban span{font-size: 24px;}
.ptitb span{font-size: 28px;}
.ptitb span strong{font-size: 28px;}
.ptitc span{font-size: 28px;}
.ptitc span strong{font-size: 28px;}
 }
@media (min-width: 992px) and (max-width:1200px) { 
.topa strong{font-size: 18px;}
.topa p{letter-spacing: 4px;}
.in02ba p{display: none !important;}
.in02bb{width: 100%;}
.intitc p{letter-spacing: 0px;font-size: 14px;}
.in_02 .mySwiper .swiper-slide{width: 30% !important;margin-right: 2% !important;margin-bottom: .5rem;}
.in_02 .mySwiper .swiper-slide:nth-of-type(2n+0){margin-right: 2% !important}
.in_02 .mySwiper .swiper-slide:nth-of-type(3n+0){margin-right: 2% !important}
.in02b span small{display: none;}
.in04a .gallery-thumbs .swiper-slide p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.in05a strong{font-size: 22px;}
.in06a i{font-size: 24px;}
.in06a strong{font-size: 18px;}
.newsbb li{padding: 1rem;}
.nimgc{padding-bottom: 83%;}
.footaa{display: none !important;}
.typetit strong{font-size: 18px;}
.typetit i{width: 100px;line-height: 35px;}
.plocation{margin-top: 12%;}
.proab i{width: 24%;}
.prodb strong{font-size: 22px;}
.proac_a{width: 45%;}
.profa .swiper-slide a:hover .pfontb span{font-size: 22px;margin-top:2.5rem;line-height: 30px; }
.pfontb p{font-size: 14px;}
.c_a strong{font-size: 50px;}
.comb_aa span{font-size: 22px;}
.comb_aa span b{font-size: 26px;}
.comb_aa li span{font-size: 14px;}
.comd_a strong{font-size: 19px;}
.comd_a li span em{font-size: 32px;}
.comd_a p{font-size: 16px;}
.cmorea a{margin-top: 0px;line-height: 30px;}
.comd_c li a:hover .comd_bb em{margin:5% auto 0 auto;}
.ban span{font-size: 24px;}
.nfonta p{line-height: 30px;color: #999;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.newsfonta p{line-height: 30px;color: #999;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.newsfonta span{font-size: 22px;}
.time{display: none;}
.lxwma{padding-top: 12%;}
.in01aa span strong{font-size: 36px;}
.banner .swiper-slide .bannera strong{font-size: 50px;}
.banner .swiper-slide .bannera span{font-size: 28px;}
.banner .swiper-slide .bannera p{font-size: 22px;}
#bannerSwiper .swiper-button-prev{display: none;}
#bannerSwiper .swiper-button-next{display: none;}
.lxwm_c strong{font-size: 20px;}

}

@media (min-width: 1200px) and (max-width:1420px) { 
.topa strong{font-size: 18px;}
.topa p{letter-spacing: 0px;}
.topb_a:nth-of-type(1) i{display: none;}
.in02b span{font-size: 24px;}
.in02ba span{margin:1rem 0 !important;}
.in06a i{font-size: 32px;}
.pfonta li p{line-height: 25px;}
.comb_aa span b{font-size: 32px;}
.comd_a li span em{font-size: 32px;}
.comd_a strong{font-size: 18px;}
.comd_a p{font-size: 16px;}
.cmorea a{margin-top: 25%;}
.nfonta p{line-height: 30px;color: #999;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.banner .swiper-slide .bannera strong{font-size: 60px;}
.nimgc{padding-bottom: 80%;}

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

}
@media (max-width:1600px) { 
.inback{display: none !important}
}