@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: 15px;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;}

.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;}
/* 鏃犲唴瀹 */
.pf_12{font-size: 12px;line-height: 25px;}
.pf_16{font-size: 16px;line-height: 30px;}
.pf_18{font-size: 18px;line-height: 30px;}
.pf_22{font-size: 22px;line-height: 35px;}
.pf_24{font-size: 24px;line-height: 40px;}
.pf_26{font-size: 26px;line-height: 40px;}
.pf_28{font-size: 28px;line-height: 40px;}
.pf_30{font-size: 30px;line-height: 45px;}
.pf_32{font-size: 32px;line-height: 45px;}
.pf_34{font-size: 34px;line-height: 50px;}
.pf_36{font-size: 36px;line-height: 50px;}

@font-face {font-family:fz;src: url('../css/bahnschrift.ttf');}
#dituContent label {max-width: unset!important;text-align: center;}
#playercontainer{margin:0 auto;}
.jw-skin-bce .jw-controlbar{width: 100%;}
/*top*/
.topa{position: relative;z-index: 888;}
.topa img{max-width: 100%;}
.topaa a{float: left;border-right: 1px solid #e6e6e6;}
.topaa strong{display: block;font-size: 16px;line-height: 25px;}
.topaa strong b{color: #c30000;}
.topaa p{color: #555;line-height: 25px;}
.topab span{display: block;color: #777;line-height: 25px; }
.topab p{font-size:32px;line-height: 40px;font-family: fz;color: #c30000}
.topab p i{font-size:24px;}
.menu {position: relative;z-index: 88;width: 100%;background: #c30000;}
.menu ul{margin-bottom: 0px;}
.menu li{position: relative; text-align: center;height: 100%;}
.menu li:last-child:after{display: none;}
.menu li:first-child{background: #333;}
.menu li:first-child:before{position: absolute;content: "";background: #333;width: 200%;left:-200%;height: 100%;}
.menu li:first-child:hover span{background: #c30000;}
.menu li:after{position: absolute;content: "";background: rgba(255,255,255,.2);height: 15px;top:22.5px;width: 1px;right:0;}
.menu li span{display: block;line-height: 60px;transition:.4s;color: #fff; }
.menu li:hover span{background: #333333;}
.menu li.curr .submenu{display: block;} 
.menu li .submenu{position:absolute;z-index: 88;top:60px; width:100%; display: none;text-align: center;}
.menu li .submenu p{line-height:50px;height: 50px;overflow: hidden;background:rgba(255,255,255,0.8);  }
.menu li .submenu p a {display: block; font-size: 13px;transition:.4s;}
.menu li .submenu p a:hover{background: #c30000;color: #fff; }

.mobmenu{text-align: right;}
.mobmenu span{display: block;line-height: 55px;background: #444;padding-left: 1rem;}
.mobmenu .toolbar{position: relative;}
.mobmenu .flex-control-nav{background: #ddd;float: left;width: 3%;}
.mobmenu .code{-moz-border-radius:.3em;-webkit-border-radius:.3em;border-radius:.3em;color:#000;font-family:'Fira mono', 'Courier New', Courier, monospace;font-size:85%;letter-spacing:.05em;padding:1em;}
.mobmenu .aligncontent-center {text-align: center;}
.mobmenu .main-header {text-align: center;font-weight:300;font-size: 90%;}
.mobmenu .menu-button {position: absolute;margin: 5px;height: 36px;width: 36px;right: 0px;top: -25px;}
.mobmenu .menu-left {float: right;}
.mobmenu .sidebar{display: none;width: 100%;height: 2000%;margin: 0;left:0; position: fixed;top: 0;z-index: 9999;}
.mobmenu .menu-button i{font-size: 24px;color:#c30000}
.mobmenu .sidebar > .bg-cover{display: block;position: absolute;top: 0;left: 0;z-index: -1;width: 100%;height: 2000%;background: rgba(0,0,0,.5);}
.mobmenu .sidebar nav{float: left;width: 260px;height: 100%;margin-left: -260px;color: white;background:rgba(255,255,255,0.9);}
.mobmenu .sidebar ul{text-align: left;}
.mobmenu .sidebar li a{display: block;line-height: 50px;border-bottom: 1px solid rgba(62,62,62,.2);transition:.4s;padding-left: 1rem;}
.mobmenu .sidebar li i{color: #666;float: right;margin-right: .5rem;}
.mobmenu .sidebar li a:hover{background: #c30000;color: #fff;}
.mobmenu .sidebar li a:hover i{color: #fff;}
/*棣栭〉澶у浘*/
.banner .swiper-container {height: auto;overflow: hidden;}
.banner .swiper-slide a img{width: 100%; height: auto;}
.banner .swiper-pagination-bullet{transition:.4s;}
.banner .swiper-pagination-bullet-active{background: #c30000;width: 8px;height: 30px;border-radius: 10px;}
/*棣栭〉-topc*/
.topc{height: auto;overflow: hidden;line-height: 40px;border-bottom: 1px solid #eaeaea;}
.topc span{float: left;color: #c30000;}
.topc a{float: left;padding: 0 .75rem;line-height: 45px;transition:.4s;color: #666666;position: relative;}
.topc a::before{position: absolute;content: "";width: 1px;background: rgba(0,0,0,.1);height: 15px;right:0;top:15px;}
.topc a:hover{color: #c40000;}
.search{position: relative; height: auto;overflow: hidden;}
.search #search_name{ width: 100%; height: 40px; line-height: 40px;float: left;border:solid 1px #e8e8e8;background: #f4f4f4;outline: none;font-size: 12px;text-indent:10px;}
.search #button{position: absolute;right:0px;top:0px; width: 60px;line-height: 40px; background:url(../images/fdj.png) center no-repeat #c40000;cursor: pointer;color: #fff;text-align: center; border:none;outline: none; transition: 0.3s;}
.search #button:hover{ background:url(../images/fdj.png) center no-repeat #333;}
/*棣栭〉-01*/
.in_01{height: auto;overflow: hidden;}
.intita{height: auto;overflow: hidden;text-align: center;}
.intita strong{display: block;font-size: 60px;color: #f5f7fa;text-transform: uppercase;}
.intita span{display: block;font-weight: bold;margin-top: -60px;}
.intita span b{color: #c30000}
.intita p{line-height: 40px;color: #777;font-size: 18px;}
.in01a .swiper-container{height: auto;overflow: hidden;}
.in01a .gallery-thumbs  .swiper-slide{background: #ededed;line-height: 40px;text-align: center;transition:.4s;cursor: pointer;}
.in01a .gallery-thumbs  .swiper-slide i{color: #ededed;top:3px;font-size: 14px;}
.in01a .gallery-thumbs  .swiper-slide:hover{background: #c30000;color: #fff;}
.in01a .gallery-thumbs  .swiper-slide:hover i{color: #fff;}
.in01a .gallery-thumbs  .swiper-slide-thumb-active{background: #c30000;color: #fff;}
.in01a .gallery-thumbs  .swiper-slide-thumb-active i{color: #fff;}
.in01a .gallery-top{height: auto;overflow: hidden;}

.imga{position: relative;overflow: hidden;width: 100%;height: 0;padding-bottom: 75%;border: 1px solid #eee;}
.imga i{position: absolute;z-index: 1;left: 0; width: 100%;height: 100%;background: rgba(0,0,0,0);transition:.4s;}
.infonta {position: absolute;width: 100%; bottom: 0px;height: 55px; overflow: hidden;transition:.4s;background: #f3f7fa;z-index: 8;text-align: center;}
.infonta span{line-height: 40px;transition:.4s;}
.infonta p a{width: 45%;line-height: 35px;border: 1px solid #d4d4d4;transition:.4s;}
.infonta p a:hover{background: #c30000;border: 1px solid #c30000;color: #fff;}

.in01c li img{transition: all 1s ease;width: 100%;height: 100%;object-fit: cover;left: 0;position: absolute;}
.in01c li:hover .imga i{background: rgba(0,0,0,0.3)}
.in01c li:hover img{transform: scale(1.05, 1.05)}
.in01c li:hover .infonta{bottom: 0px;height: 140px;}

.in01ca {position: relative;padding-bottom: 17%;}
.in01b{height: auto;overflow: hidden;background: #f5f7fa;}
.in01b img{display: block;max-width: 100%;margin:0 auto;}
.in01ba span{padding-left: 2.5rem;position: relative;}
.in01ba span::before{position: absolute;content: "";width: 30px;height: 3px;background: #c30000;top: 17px;left:0;}
.in01ba p{color: #777;line-height: 35px;display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;}
.in01ba p em{color: #444;}
.in01bb{width: 60%;height: auto;overflow: hidden;}
.in01bb a{float: left;width: 48%;background: #c30000;color: #fff;line-height: 45px;border-radius: 3px; text-align: center;margin-right: 2%;transition:.4s;}
.in01bb a:hover{background: #444;}
.in01bb a:nth-of-type(2){background: #444444;}
.in01bb a:nth-of-type(2):hover{background: #c30000;}

.inimga{display: block;width: 100%;height: 0;padding-bottom: 74%;position: relative;overflow: hidden;background: #fff;border: 1px solid #eee;}


.in01bc {text-align: center;border-top: 1px solid #eee;border-bottom: 1px solid #eee;}
.in01bc em{display:block;width: 50px;height: 50px;border-radius: 50px;text-align: center;background: #c30000;margin: 0 auto;padding-top: 7px;}
.in01bc i{color: #fff;font-size: 24px;}
.in01bc span{display: block;line-height: 30px;margin-top: .5rem;}
.in01bc p{line-height: 30px;color: #c40000;}

/*棣栭〉-02*/
.in_02{height: auto;overflow: hidden;background: url(../images/in02bg.jpg) center top no-repeat;}
.in02b span{font-size: 70px;position: relative;display: block;font-family: fz;font-style: italic;color: #c30000;line-height: 70px;}
.in02b span::after{position: absolute;content: "";width: 20%;height: 1px;background: #c30000;top:48%;left:5rem;}
.in02b b{display: block;color: #c30000;}
.in02b p{line-height: 30px;color: #777;position: relative;}
.in02b p:nth-of-type(2){padding-left: 1rem;}
.in02b p:nth-of-type(2)::before{position: absolute;content: ""; width: 5px;height: 5px;background: #c30000;border-radius:20px;left:0;top:12px;}
.in02c img{width: 100%;}
.in02a .mySwiper{text-align: center;width:45%;margin-top: -12%;float: left;}
.in02a .mySwiper .swiper-slide{background: #f8f8f8;}
.in02a .mySwiper .swiper-slide-thumb-active{background: #c30000;color: #fff;}
.in02a .mySwiper .swiper-slide-thumb-active i{color: #fff;}
.in02a .mySwiper .swiper-slide-thumb-active p{color: #f9dddd;}
.in02a .mySwiper i{font-size: 42px;color: #c30000}
.in02a .mySwiper strong{display: block;}
.in02a .mySwiper p{line-height: 30px;color: #777;text-transform: uppercase;}
/*棣栭〉-03*/
.in03a .swiper-container{height: auto;overflow: hidden;}
.in03a .swiper-slide a{display: block;position: relative;padding-bottom: .5rem;}
.in03a .swiper-slide img{display: block;transition: all 1s ease;
    width: 100%;
    height: 100%;
    object-fit: cover;
    left: 0;
    position: absolute;}
.in03a .swiper-slide:hover img{transform: scale(1.05, 1.05)}
.in03a .swiper-slide:hover span{color: #c30000;}
.in03a .swiper-slide:hover p::before{width: 40px;}
.in03aa{position: relative;overflow: hidden;width: 100%;height: 0;padding-bottom: 75%;border: 1px solid #eee;}
.in03ab{transition:.4s;border: 1px solid #e4e4e4;}
.in03ab span{display: block;border-bottom: 1px solid #e4e4e4;transition:.4s;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
.in03ab p{line-height: 30px;color: #777;transition:.4s;text-align: right;position: relative;}
.in03ab p::before{position: absolute;content: "";width: 10px;height: 2px;background: #c30000;top:15px;left:0;transition:.4s;}
.in03ab p i{font-size: 13px;}
/*棣栭〉-04*/
.in_04{height: auto;overflow: hidden;background:url(../images/in04bg.jpg) center top repeat fixed;color: #fff;}
.in04a {position: relative;}
.in04a p{background:url(../images/in04a.png) center  no-repeat;}
.in04a::before {position: absolute;content: "";width: 100%;height: 1px;top:0;left:0;background: rgba(255,255,255,.2);}
.in04a::after {position: absolute;content: "";width: 70%;height: 1px;bottom:0;left:15%;background: rgba(255,255,255,.2);}
.in04b i{float: left; font-size: 40px;margin-right: .5rem;}
.in04b p{font-family: fz;}
.inmorea a{display: block;line-height: 45px;background: #c30000;color: #fff;text-align: center;transition:.4s;}
.inmorea a:hover{background: #fff;color: #444;}
/*棣栭〉-05*/
.in05a{height: auto;overflow: hidden;}
.in05a .swiper-slide{height: auto;overflow: hidden;transition:.4s;}
.in05a .swiper-slide a{display: block; height: auto;overflow: hidden;position: relative;}
.in05a .swiper-slide img{display: block;width: 100%;}
.in05a .swiper-slide span{position: absolute;z-index: 3;left:0;bottom: 0;background: rgba(0,0,0,0.6);width: 100%;color: #fff;line-height: 60px;transition:.4s;}
.in05a .swiper-pagination-bullet{width: 8px;height: 8px;background: #fff;}
.in05a .swiper-pagination-bullet-active{background: #c30000;}
.in05a .swiper-pagination{text-align: right;padding-right: 1rem;bottom: 20px !important;}
.in05b li{height: auto;overflow: hidden;border-bottom: 1px solid #f0f0f0;padding: 1.6rem 0;}
.in05b li:nth-of-type(1){padding-top: 0;}
.in05b li:nth-of-type(4){padding-bottom: 0;border-bottom:none;}
.in05b li a{display: block;}
.in05b li:hover .timeyy{background:#c30000;color: #fff;}
.in05b li:hover .riqi{color: #fff;}
.in05b li:hover .yuefen{color: #fff;}
.in05b li:hover span{color:#c30000;}
.infontd{float: right;height: auto;overflow: hidden;width: 84%;}
.infontd span{display: block;line-height:35px;height:35px;font-size: 16px;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
.infontd span em{float: right;}
.infontd p{display: block;line-height: 25px;color: #777;display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;}
.timeyy{float: left; display:block; width: 13%;height: 100%;background:#f3f3f3;text-align: center;transition:.4s;}
.riqi{ display:block;line-height:45px;font-size:42px;font-family: fz;}
.yuefen{display: block;line-height: 25px;font-family: fz;font-size: 16px;}
/*棣栭〉-05*/
.in_06{height: auto;overflow: hidden;background:url(../images/in06bg.jpg) center top no-repeat fixed;color: #fff;}
.intitb{height:auto;overflow: hidden;text-align: center; }
.intitb strong{display: block;text-align: center;font-weight: 100;text-transform: uppercase;}
.intitb span{display: block;}
.intitb p{line-height: 30px;color: #fff;}
.intitb i{display: block;width: 20px;height: 2px;background: rgba(255,255,255,.8);margin:1rem auto;}
.in06a p{line-height: 40px;text-align: center;}
.in06b li{text-align: center;background:url(../images/in06b.png) center right no-repeat;}
.in06b li:last-child{background:none;}
.in06b li span{font-size:50px;font-family: fz;}
.in06b li p{line-height: 30px;color:rgba(255,255,255,.8);}
.in06c a{display: block;width: 140px;line-height: 40px;border:1px solid  #fff;color: #fff;text-align: center;transition:.4s;margin:0 auto;}
.in06c a:hover{background: #c30000;}
/*鑴氭*/
.footer{height: auto;overflow: hidden; }
.foota{height: auto;overflow: hidden;border-bottom: 1px solid #eee; }
.foota_a a{line-height: 45px;height: 45px; background: #c30000;text-align: center;padding: 0 .75rem;color: #fff;transition:.4s;}
.foota_a a:hover{background: #333;}
.foota_a a:nth-of-type(2){background: #333;}
.foota_a a:nth-of-type(2):hover{background: #c30000;}
.footb{height: auto;overflow: hidden;}
.footba li strong{display: block;}
.footba li p{line-height: 30px;}
.footba li p a{display: block;color:#777;transition:.4s;}
.footba li p a:hover{color:#c30000; }
.footbb li {height: auto;overflow: hidden;margin-bottom: 1rem;color: #999;}
.footbb li i{font-size: 24px;float: left;margin-right: 1rem;}
.footbb li b{display: block;color: #c30000;font-family: fz;}
.footbb li p{line-height: 25px;color: #555;}
.footbc {text-align: center;}
.footbc img{background: rgba(0,0,0,.2);padding: .5rem;}
.footbc span{display: block;text-align: center;line-height: 30px;}
.footc {text-align: center;background: #fafafa;line-height: 80px;color: #777;border-top: 1px solid #eee;}
.footc a{color: #777;transition:.4s;}
.footc a:hover{color: #c30000;}
.footnav{left: 0;bottom:0;float: left;width: 100%;position: fixed;background:#fff;z-index: 888;border-top: 3px 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;}

.ewm img{max-width: 100%;}

.online_kefu{position: fixed;  bottom: 20vh;right:1px;z-index:889;}
.online_kefu p{font-size:12px;}
.online_kefu ul li{ width:70px; height:70px;background: rgba(255,255,255,.9); padding-top: 5px;text-align: center;border: 1px solid #f0f0f0;position: relative;color: #666; cursor: pointer; transition: background-color .2s linear 0s;perspective:1000;transform-style:preserve-3d;}
.online_kefu ul li .con{ position: relative;}
.online_kefu ul li .con i{font-size: 26px;color: #666;height: 30px;}
.online_kefu ul li .hover_con{ position: absolute;left:-200px;left:-100px; width: 100px;color: #ffffff;text-align: center;background-color: #b70000;height:70px; line-height:70px; bottom:0; transform:rotateX(-90deg); transition: all .2s linear 0s; }
.online_kefu ul li .hover_con img{ width:100px;}
.online_kefu ul li.qrcode .hover_con{ height: 137px;padding: 10px;width: 130px;left: -130px;}
.online_kefu ul li.qrcode .hover_con p{ color: #fff; line-height:24px;font-size:12px;}
.online_kefu li:hover{background-color: #b70000;}
.online_kefu li:hover .con i{color: #fff;}
.online_kefu li:hover p{color: #fff;}
.online_kefu li:hover .hover_con{left:-110px; transform:rotateY(0deg);}
.online_kefu li .hover_con:before{width: 0px;height: 0px;border: 8px solid transparent;border-left: 8px solid #b70000; display: block; content: '';position: absolute; top: 12px;right: -16px; transition: top .2s linear ; transition-delay: .1s; }
.online_kefu li.qrcode:hover .hover_con{  bottom: -60px;}
.online_kefu li.qrcode:hover .hover_con:before{top: 48px;}

/*绠€浠?/
.ban{height:340px;overflow: hidden;background: url(../images/ban.jpg) center no-repeat;color: #fff;text-align: center;}
.ban span{display: block;margin-top: 6rem;font-family: fz;text-transform: uppercase;}
.ban i{display: block;width: 1px;height: 30px;margin:.5rem auto;background: #fff;}
.ban p{line-height: 35px;}
.location{line-height: 55px;border-bottom:1px solid rgba(4,4,4,.1);}
.locationa li{position: relative;transition:.4s;}
.locationa li a{display: block;text-align: center;}
.locationa li:hover{background: #c30000;}
.locationa li:hover a{color: #fff;}
.locationa li:last-child::after{height: 0;}
.locationa li::after{position: absolute;content: "";width: 1px;height: 15px;background: rgba(0,0,0,.2);top:20px;right:0;}
.locationb{color: #777;}
.locationb a{color: #777;transition:.4s;}
.locationb a:hover{color: #c30000;}
/*content_company*/
.companya img{max-width: 100%;}
.companya p{line-height:30px;color: #777;}
.companyb{height: auto;overflow: hidden;background: url(../images/in06bg.jpg) center top repeat fixed;}
.companyb li{text-align: center;color: #fff;background:url(../images/in06b.png) center right no-repeat;}
.companyb li:last-child{background:none;}
.companyb li span{font-size:50px;font-family: fz;}
.companyb li p{line-height: 30px;color:rgba(255,255,255,.8);}
.comc{display: block;height: auto;overflow: hidden; position: relative;}
.comc img{width: 100%;}
.comca{position: absolute;z-index: 2;width: 100%;height: 100%;color: #fff;left:0; top:0;}
.comca span{display: block;text-transform: uppercase;}
.comca span i{background: #c30000;padding: .5rem 1rem;}
.comca span em{font-size: 16px;}
.companyd{height: auto;overflow: hidden;background: url(../images/companyd.jpg) center top no-repeat fixed;}
.comd .swiper-container {height: auto;overflow: hidden;}
.comd .swiper-slide a{display: block;position: relative;}
.comd .swiper-slide a:hover .come{background: rgba(0,0,0,.5);opacity: 1;padding-top: 20%;}
.comd .swiper-slide img{display: block;max-width: 100%;}
.come{position: absolute;z-index: 1;top:0;left:0; background: rgba(0,0,0,0);opacity: 0;transition:.4s; color: #fff;text-align: center;width: 100%;height: 100%;padding-top: 25%;}
.come i{font-size: 36px;}
.come em{display: block;width: 1px;height: 30px;background: #fff;margin:0 auto;}
.come span{display: block;line-height: 35px;font-size: 15px;}
.companye{height: auto;overflow: hidden;}
.companye li{height: auto;overflow: hidden;padding: 0 7px;}
.companye li:nth-of-type(1){margin-bottom: 1rem;}
.companye li:nth-of-type(2){margin-bottom: 1rem;}
.companye li a{display: block;position: relative;height: auto;overflow: hidden;}
.companye li a:hover span{background: rgba(0,0,0,.3);opacity: 1;}
.companye li a:hover img{transform:scale(1.05,1.05);}
.companye li span{position: absolute;width: 100%;height: 100%;padding-top: 4%;padding-left: 4%;opacity: 0;z-index: 3; background: rgba(0,0,0,0);color: #fff;transition:.4s;}
.companye li i{font-size: 22px;}
.comimg{border: 1px solid #eee;display: block;width: 100%;height: 0;padding-bottom: 66%;position: relative;overflow: hidden;}
.comimg img{display: block;width: 100%;transition:all 0.6s ease 0s;}
.comf a{display: block;position: relative;}
.comf a:hover span{background: rgba(0,0,0,.2);opacity: 1; }
.comf a:hover img{transform:scale(1.05,1.05);}
.comf a span{position: absolute;width: 100%;height: 100%;padding-top: 4%;z-index: 3; opacity: 0; padding-left: 4%;background: rgba(0,0,0,0);color: #fff;transition:.4s;}
.comf a span i{font-size: 22px;}
/*content_product*/
.ptype li a{text-align: center;background: #f2f2f2; line-height: 45px;transition:.4s;}
.ptype li a:hover{background: #c30000;color: #fff;}
.prolist li a{display: block;border: 1px solid #e8e8e8;border-radius: 5px;transition:.4s;}
.prolist li a:hover {background: #c30000;color: #fff;}
.prolist li a:hover img{transform: scale(1.03)}
.prolist li a:hover  i{color: #fff;}
.prolist li a:hover span::before{background: #fff;}
.pimga{display: block;width: 100%;height: 0;padding-bottom: 66%;position: relative;overflow: hidden;}
.pimga img{display: block;max-width: 100%;transition: all .5s ease 0s;margin:0 auto;}
.prolist li span{position: relative;}
.prolist li span::before{position: absolute;content: "";width: 3px;height: 15px;background: #c30000;top:22%;left:0;transition:.4s;}
.prolist li span i{float: right;font-weight: bold;color: #c40000}
/*浜у搧璇︽儏*/
.proa img{display: block;width: 100%;}
.proaa strong small{background: #c30000;color: #fff;padding:.25rem .5rem;font-size: 14px;}
.proaa span{display: block;line-height: 35px;color: #777;height: auto;overflow: hidden;}
.proaa span i{display: block;float: left;width: 100px;border:1px solid #c30000;color: #c30000; border-radius: 3px;margin-right: 1rem;text-align: center;}
.proaa span i:nth-of-type(4){margin-right: 0px;}
.proab {border-top: 1px solid #ededed;border-bottom: 1px solid #ededed;height: auto;overflow: hidden;}
.proab p{line-height: 40px;color: #777;display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden; }
.proab p em{color: #444;}
.proac_a {width: 60%;}
.proac_a i{float: left;font-size: 50px;color: #c30000;margin-right: .5rem;}
.proac_a span{display: block; color: #777;margin-top: .5rem;}
.proac_a p{color: #c30000;font-weight: bold;}
.proac_d a{display: block;background: #c30000;line-height: 45px;color: #fff;text-align: center;padding: 0 1rem;transition:.4s;}
.proac_d a:hover{background: #444;}

.prob{background: #f5f5f5;}
.sidetit{line-height: 50px;text-transform: uppercase;color: #777;position: relative;}
.sidetit::before{position: absolute;content:"";width: 2px;height: 20px;background: #c30000;left:0;top:23%;}
.sidetit span{color: #444;}
.sidea{height: auto;overflow: hidden;border: 1px solid #efefef;}
.sidea li{position: relative; line-height: 52px;height: 52px;transition:.4s;}
.sidea li a{transition:.4s;border-bottom: 1px dashed #e5e5e5;color: #777;}
.sidea li a i{float: right;}
.sidea li:hover a{color: #c30000;}
.sideb li {height: auto;overflow: hidden;background: #f9f9f9;transition:.4s;position: relative;z-index: 3}
.sideb li:hover {background: #d21227;}
.sideb li:hover span{color: #fff;}
.sideb li img{display: block;max-width: 100%;margin:0 auto;}
.sideb li span{text-align: center;line-height: 45px;}

.ptit{line-height: 70px;background: #fff;font-size: 16px;text-align: center;border-bottom: 1px solid #e8e8e8;}
.ptit a{display: block;transition:.4s;border-top:4px solid #fff;}
.ptit a:hover{border-top:4px solid #d21227;color: #d21227;}
.ptita{height: auto;overflow: hidden;text-align: center;}
.ptita span{display: block;}
.ptita p{color: #777;}
.ptita i{display: block;background: url(../images/ptita.png) center no-repeat;height: 3px;margin-top: .5rem;}


.proca{height: auto;overflow: hidden;line-height: 30px;color: #777;}
.proca img{display: block;margin: 0 auto;max-width: 100%;}
.prod {height: auto;overflow: hidden;clear: both;}
.prod ul{background: #F5F5F5;height: auto;overflow: hidden;}
.prod ul li{text-align: center;border-right: 1px solid #fff;}
.prod ul li:last-child{border-right:none;}
.prod ul li i{font-size: 42px;color: #c30000}
.prod ul li strong{display: block;}
.prod ul li p{line-height: 30px;color: #777;text-transform: uppercase;}
.proca  table { width: 100%!important;border-collapse: collapse;} 
.proca  table p{ width: 100%!important; border-collapse: collapse;border-right: 1px solid #ddd} 
.proca  th,tr{border-collapse: collapse;border: 1px solid #ddd;}
.proca  tr{border-right: 1px solid #ddd;text-align: center;line-height: 38px;}




.proea .swiper-container {height: auto;overflow: hidden;}
.proea .swiper-slide a{display: block;position: relative;}
.proea .swiper-slide a:hover .come{background: rgba(0,0,0,.5);opacity: 1;padding-top: 20%;}
.proea .swiper-slide img{display: block;max-width: 100%;}
.profa li a{display: block;position: relative;height: auto;overflow: hidden;}
.profa li a:hover span{bottom: 0px;}
.profa li span{position: absolute;bottom: -50px;width: 100%;line-height:50px;padding-left: 4%;color: #fff;transition:.4s;background: rgba(0,0,0,.6);}

.forma{height: auto;overflow: hidden;}
.forma input{float: left;width: 32%;margin-right: 2%;line-height: 40px;padding-left: 2%;border: 1px solid #e6e6e6;}
.forma input:last-child{margin-right: 0px;}
.form-tr{margin-top: 2%;}
.prog textarea{display: block;padding-left: 2%;width: 100%;height: 90px;background: #fff;line-height: 35px;border: 1px solid #e6e6e6;}
.prog .code input {display: block;width: 188px;float: left;padding-left: 2%;height: 40px;line-height: 40px;background: #fff;border: 1px solid #e6e6e6;}
.prog .verify {cursor: pointer;float: left;margin: 0 25px;width: 120px;height: 40px;line-height: 40px;text-align: center;}
.prog .verify img {display: inline-block;vertical-align: middle;max-width: 100%;max-height: 100%;}
.prog .submit {float: left;display: block;width: 190px;height: 40px;text-align: center;line-height: 40px;background: #d21227;transition:.4s; color: #fff !important;font-size: 15px;}
.prog .submit:hover {background: #444;}


/*鎷涜仒*/
.jtit{height: auto;overflow: hidden;line-height: 60px;}
.jtit span{display: block;float: left; color: #d8d8d8;text-transform: uppercase;font-size: 16px;font-family: fz;}
.jtit i{color: #666;font-style: normal;font-size: 30px;font-weight: bold;}
.joba{height: auto;overflow: hidden;background: #f5f5f5;}
.jobaa{background: #fff;height: auto;overflow: hidden;padding: 2%;}
.jobaaa{line-height: 30px;color: #777;}
.jobab{height: auto;overflow: hidden;margin-top: 2%;}
.jobab strong{display: block;color: #c30000;font-stretch:condensed;}
.jobab span{display: block;}
.jobab p{line-height: 30px;color: #777;}
.tipa{display: block; position: absolute;top:0;left:0; z-index: 3;width: 65px;line-height: 60px;text-align: center;background: #2b94ea;border-radius: 120px;}
.tipb{display: block; position: absolute;top:0;left:0; z-index: 3;width: 65px;line-height: 60px;text-align: center;background: #f37028;border-radius: 120px;}
.tipc{display: block; position: absolute;top:0;left:0; z-index: 3;width: 65px;line-height: 60px;text-align: center;background: #72d35b;border-radius: 120px;}
.tipd{display: block; position: absolute;top:0;left:0; z-index: 3;width: 65px;line-height: 60px;text-align: center;background: #f5933c;border-radius: 120px;}
.jobb{height: auto;overflow: hidden;}
.jobtita{line-height: 30px;height: auto;overflow: hidden; color: #777;border-bottom: 1px solid #e1e1e1;}
.td1{width: 25%;float: left;text-align: center;line-height: 60px;border-right: 1px solid #e1e1e1;}
.td2{width: 35%;float: left;line-height: 60px;}
.td2 p{white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
.td3{width: 25%;float: left;line-height: 60px;}
.td4{width: 15%;float: left;}
.td4 a{display: block;width: 120px;line-height:40px;text-align: center;margin-top: 10px; color: #777;background: #ececec;transition:.4s;}
.td4 a:hover{color: #fff;background: #c30000;}
#jobs{background: #fff;border: 1px solid #e1e1e1;border-bottom: none;}
#jobs ul{margin-bottom: 0px;}
#jobs li{width: 100%;}
.jobbox{height: auto;overflow: hidden; padding:2%;background: #fefefe;position: relative;display: none;color: #777;border-bottom: 1px solid #e1e1e1;}

/*鑽ｈ獕*/
.honorlist{height: auto;overflow: hidden;padding: 2% 0;min-height: 600px;}
.honorlist .row{padding-left: 15px !important;padding-right: 15px !important;}
.honorlist .col-lg-4{padding-left: 0.5% !important;padding-right: 0.5% !important;}
.honorlist .col-6{padding-left: 0.5% !important;padding-right: 0.5% !important;}
.honorlist li{height: auto;overflow: hidden;margin-bottom: 4%;}
.honorlist li a{display: block;position: relative;border: 1px solid #efefef;}
.honorlist li img{margin:0 auto;max-width: 110%;margin-left: -5%;transition:.4s;}
.honorlist li:hover img{transform: scale3D(1.1, 1.1, 1.1)}
.honorlist li:hover .honorfonta{background: rgba(0,0,0,0.8);opacity: 0.8;bottom: 0;}
.honorfonta{position: absolute;z-index: 8;bottom: -260px;width: 100%;color: #fff; height: 100%;padding-top: 20%; overflow: hidden;text-align: center;background: rgba(0,0,0,0);transition: .4s;}
.honorfonta span{display: block; line-height: 30px;font-size: 15px;}
.honorfonta i{font-size: 42px;}
.himga{    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 80%;
    position: relative;
    overflow: hidden;}
/*鏂伴椈*/
.newslist{height: auto;overflow: hidden;}
.newslist ul li a{display: block;border: 1px solid #eee;transition:.4s; }
.newslist ul li:hover a{box-shadow: rgba(0,0,0,0.3) 0px   6px 15px;}
.newslist ul li:hover img{transform: scale3D(1.1, 1.1, 1.1)}
.newslist ul li:hover span{color: #c30000;}
.time {display: block;line-height: 30px;color: #999;}
.newsfonta span{display: block;white-space: nowrap; text-overflow:ellipsis; overflow: hidden; }
.newsfonta p{line-height: 25px;color: #777;display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;}
.newsfonta em{display: block;border-top: 1px solid #eee;color: #777;}
.newsfonta em i{float: right;}

/*鏂伴椈璇︽儏*/
.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{margin:0 auto;max-width: 100%;}
.newsaa  p{line-height: 30px;}
.newsinfob{padding: 2% 0;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: #c30000;color: #fff;}
.newsinfob li:hover span{color: #fff;}
.newsinfob li:hover p{color: #fff;}
.newsinfob li img{max-width: 100%;}
.newsinfob li span{display: block;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: #c30000 !important;}

/*鑱旂郴*/
.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(42,61,95,.8);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;}

body {font-size: 14px;}
.topaa a{border-right: none;}
.topaa a img{max-width: 80%;}
.menu li{border-bottom: 1px solid rgba(255,255,255,.1)}
.menu .container{padding-left: 0px;padding-right: 0px;}
.intita strong{font-size: 38px;}
.intita span{margin-top: -40px;}
.in01a .gallery-top li:hover .infonta{height: 100px;}
.in02a .mySwiper{width: 100%;margin-top: 1rem;}
.in02a .mySwiper i{font-size: 28px;}
.in04b span{display: block;line-height: 25px;}
.infontd{width: 100%;}
.in06a p{width: 100%;}
.in06b li span{font-size: 32px;}
.footb{padding-bottom: 24% !important;}
.ban{height: 180px;}
.ban span{margin-top: 2rem;}
.companyb li span{font-size: 32px;}
.submenu{display: none !important;}
.proaa span i{width: 74px;}
.prog .code input{width: 95px;}
.prog .submit{width: 80px;}
.jtit i{font-size: 22px;}
.lxwmtitb{width: 100%;}
.lxwmb_a .code{width: 100%;}
.menu li:first-child{background: #c30000;}
.menu li:first-child:hover span{background: #444;}
.come em{height: 0px;}
.honorfonta i{font-size: 22px;}
.in02a .mySwiper p{font-size: 12px;}
.prod ul li:nth-of-type(2){border-right: none;}
.ptype li span{width: 100%;}
.ptype li p{width: 100%;}
.ptype li p a{width: 25%;}
.prolist li span i{display: none;}
.intita p{font-size: 14px;}
}

@media (min-width: 576px) and (max-width: 768px) { 
.topaa a{border-right: none;}
.topaa a img{max-width: 80%;}
.menu li{border-bottom: 1px solid rgba(255,255,255,.1)}
.menu .container{padding-left: 0px;padding-right: 0px;}
.intita strong{font-size: 38px;}
.intita span{margin-top: -40px;}
.in01a .gallery-top li:hover .infonta{height: 100px;}
.in02a .mySwiper{width: 100%;margin-top: 1rem;}
.in02a .mySwiper i{font-size: 28px;}
.in04b span{display: block;line-height: 25px;}
.infontd{width: 100%;}
.in06a p{width: 100%;}
.in06b li span{font-size: 32px;}
.ban{height: 180px;}
.ban span{margin-top: 2rem;}
.companyb li span{font-size: 32px;}
.submenu{display: none !important;}
.proaa span i{width: 74px;}
.prog .code input{width: 95px;}
.prog .submit{width: 80px;}
.jtit i{font-size: 22px;}
.lxwmtitb{width: 100%;}
.lxwmb_a .code{width: 100%;}
.menu li:first-child{background: #c30000;}
.menu li:first-child:hover span{background: #444;}
.in06b li:nth-of-type(2){background: none;}
.companyb li:nth-of-type(2){background: none;}
.menu li:nth-of-type(4)::after{background: none;}
.menu li:first-child:before{background: none;}
.ptype li span{width: 20%;}
.ptype li p{width: 80%;}
.prod ul li:nth-of-type(2){border-right: none;}
.prolist li span i{display: none;}
 }
@media (min-width: 768px) and (max-width:992px) { 
.topaa a{border-right: none;}
.topaa a img{max-width: 80%;}
.menu li{border-bottom: 1px solid rgba(255,255,255,.1)}
.menu .container{padding-left: 0px;padding-right: 0px;}
.intita strong{font-size: 38px;}
.intita span{margin-top: -40px;}
.in01a .gallery-top li:hover .infonta{height: 100px;}
.in02a .mySwiper{width: 100%;margin-top: 1rem;}
.in02a .mySwiper i{font-size: 28px;}
.in04b span{display: block;line-height: 25px;}
.infontd{width: 100%;}
.in06a p{width: 100%;}
.in06b li span{font-size: 32px;}
.ban{height: 180px;}
.ban span{margin-top: 2rem;}
.companyb li span{font-size: 32px;}
.submenu{display: none !important;}
.proaa span i{width: 74px;margin-right: .5rem;}
.prog .code input{width: 95px;}
.prog .submit{width: 80px;}
.jtit i{font-size: 22px;}
.lxwmtitb{width: 100%;}
.lxwmb_a .code{width: 100%;}
.menu li:first-child{background: #c30000;}
.menu li:first-child:hover span{background: #444;}
.proaa strong{font-size: 22px;}

.companyb li:nth-of-type(2){background: none;}
.comca span em{display: none;}
.comca p{font-size: 13px;line-height: 25px;}
.comca span i{font-size: 16px;}
.proac_a p{font-size: 18px;}
.in06b li:nth-of-type(2){background: none;}
.menu li:nth-of-type(4)::after{background: none;}
.menu li:first-child:before{background: none;}
.prod ul li:nth-of-type(2){border-right: none;}
.ptype li span{width: 20%;}
.ptype li p{width: 80%;}
 }
@media (min-width: 992px) and (max-width:1200px) { 
.in02b span{font-size: 42px;line-height: 45px;}
.in02b p{font-size: 16px;}
.in02b p:nth-of-type(2){font-size: 14px;line-height: 25px;}
.in02a .mySwiper i{font-size: 30px;}
.in04a strong{font-size: 22px;}
.in05b li:nth-of-type(4){display: none;}
.in05b li{padding: 1rem 0;}
.sidetit {font-size: 12px;}
.sidetit span{font-size: 18px;}
.topaa a{border-right: none;}
.topab p{font-size: 24px;}
.in04b p{font-size: 22px;}
.ptype li span{width: 14%;}
.ptype li p{width: 86%;}
.topc a:nth-of-type(4){display: none;}


 }


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

@media (max-width:1400px) {
.online_kefu{display: none !important;}
}