#mapbox{width:calc(100% - 2px); height:450px; overflow:hidden;border:1px solid #ccc;}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;line-height: 1.5;position: relative;-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;}
h1, h3, h6 {font-weight: normal;font-size: 14px;}
ul {list-style: none;}
p {margin: 0;margin-bottom: 0px !important;}
.left{float: left;}
.right{float: right;}
a, a:link, a:active, a:visited, a:hover {text-decoration: none !important;}
a{text-decoration: none !important;color: #444 !important;}
img, {display: block;}
i, em {font-style: normal;}
ul{margin-bottom: 0px !important;}
/*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;}

/*图片特效*/
.white{position: relative;overflow: hidden;}
.white:after{content: '';cursor: pointer;position: absolute;left: -100%;top: 0;width: 100%;height: 100%;background-image: -moz-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));transform: skewx(-25deg);}
.white:hover:after{left: 100%;-moz-transition: 1s;-o-transition: 1s;-webkit-transition: 1s;transition: 1s;}

/* 媒体查询 */
@media screen and (min-width: 1440px){
  .container{ width: 1400px!important;}	
}
@media screen and (min-width:1200px)  and (max-width:1440px){
  .menu li{ margin: 0 10px!important; font-size: 16px!important;}
}
@media screen and (min-width:990px)  and (max-width:1200px){
  .top .left a img{ width: 80%;}
  .menu li{ margin: 0 5px!important; font-size: 15px!important;}
  .type li a{ margin: 10px 0!important;padding: 0 10px!important;}
  
}
@media screen and (max-width:640px){
.banner img{display: block;max-width: 100%;}
.in_01{padding: 4% 0 !important;}
.in_02{padding: 4% 0 !important;}
.in_03{padding: 4% 0 !important;}
.in_04{padding: 4% 0 !important;}
.contacta{padding: 4% 0 !important;}
.contactb{padding-top: 4%  !important;}
.proh{padding: 4% 0 !important;}
.footer{padding: 4% 0 12% 0 !important;}
.intita span{font-size: 22px !important;}
.in01a ul{width: 80% !important;}
.infontaa a{width:62px !important;font-size: 12px !important;}
.intitb strong{font-size: 22px !important;line-height: 30px !important}
.intitb span{font-size: 22px !important;line-height: 35px !important}
.in02aa li span{font-size: 22px !important;}
.in03b .col-sm-12{padding-left: 0px !important;padding-right: 0px !important;}
.in03b .col-xs-12{padding-left: 0px !important;padding-right: 0px !important;}
.in03b p{font-size: 14px !important;line-height: 25px !important}
.in03bb{margin-top: 4%;}
.in03c{width: 100% !important;}
.in03c li{margin-bottom: 2%;}
.in_05 .col-sm-12{padding-left: 0px !important;padding-right: 0px !important;}
.in_05 .col-xs-12{padding-left: 0px !important;padding-right: 0px !important;}
.in03c .col-sm-12{padding-left: 0px !important;padding-right: 0px !important;}
.in03c .col-xs-12{padding-left: 0px !important;padding-right: 0px !important;}
.in03c strong{font-size: 18px !important;line-height: 30px !important}
.in03c p{font-size: 14px !important;}
.footb{margin-top: 4%;}
.lxban{height:160px !important;background-size: 180% !important;}


.type li a{ margin: 8px 0!important;padding: 0 10px!important;font-size: 15px!important;}
.proa .col-lg-6{ height: 300px!important;}
.in01a ul .ppp{ width: 25%!important;}
.comtit strong{font-size: 22px !important;line-height: 30px !important}
.pimga{height: 124px !important}
.pfontp span{font-size: 14px !important;text-align: center;}
.pfontp em{float: none !important;margin:0 auto;display: block;}
.newslist li{margin-bottom: 4% !important}
.contactaa .col-xs-6{padding-left: 1% !important;padding-right: 1% !important;}
.contactaa .col-sm-6{padding-left: 1% !important;padding-right: 1% !important;}
.contactaa li{margin-bottom: 2%;}
.common-inner .inner-right .de-message .mes-form .form-tr .code input{width: 90px !important;}
.common-inner .inner-right .de-message .mes-form .form-tr .submit{width: 90px !important;}
.common-inner .inner-right .de-message .mes-form .form-tr .code .verify{margin:0 5px !important;}
}

#dituContent label {max-width: unset!important;text-align: center;}
/*头部*/
.banner img{max-width: 100%;}

.header{height: auto;overflow: hidden;position: relative;}
.top{height: 100px;width: 100%;position: fixed;top:0; z-index: 888;background: rgba(255,255,255,0.9);box-shadow: 2px 2px 10px #ccc;}
.top .left{ position: absolute; padding:15px 0 10px 0; overflow:hidden;}
.top .left::before{content: "";position: absolute;left: -700px;top: -460px;width: 350px;height: 15px;background-color: rgba(255, 255, 255, .4);-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);-webkit-animation: searchLights 1s ease-in 1s infinite;-o-animation: searchLights 1s ease-in 1s infinite;animation: searchLights 1s ease-in 1s infinite;}
@-webkit-keyframes searchLights{0%{left: -100px;top: 0;}to{left: 120px;top: 100px;}}
@-o-keyframes searchLights{0%{left: -100px;top: 0;}to{left: 120px;top: 100px;}}
@-moz-keyframes searchLights{0%{left: -100px;top: 0;}to{left: 120px;top: 100px;}}
@keyframes searchLights{0%{left: -100px;top: 0;}to{left: 120px;top: 100px;}}

.top .right {margin-top: 35px;}
.menu{float: left; margin:15px auto 0 auto;width:100%;text-align:center;}
.menu li{float:left;position: relative; margin: 0 15px; text-align:center;padding-bottom: 24px; transition:.4s;line-height: 25px;font-size: 18px;}
.menu li::after{content: "";position: absolute;bottom: 0;left: 0;width: 0%; height: 2px;background:#c51429;z-index: 8;transition:.4s;}
.menu li:hover::after, .menu li.active::after{width: 100%;}
.menu li:hover span, .menu li.active span{color: #c51429 !important;}
.menu a{display:block;transition:.3s;} 
.menu li .submenu{position:absolute;z-index: 88;top:49px; width:146px; display: none;text-align: left;padding: 10px 20px;background:rgba(0,0,0,0.6);   }
.menu li .submenu p{border-bottom: 1px dashed #444;line-height:45px;height: 45px;overflow: hidden;  }
.menu li .submenu p:last-child{ border-bottom:none;}
.menu li .submenu p a {font-size: 13px;color: #fff !important;transition:.4s;}
.menu li .submenu p a:hover{background: #fc0008; }
/*手机站大图样式*/
.mtop{height: auto;overflow: hidden;background:#343434;text-align: center;line-height: 30px;font-size: 12px;color: #fff;}
.mobtop{height: 70px;padding: 3% 0;position: relative;z-index: 888;width: 100%;background: #fff;}
.mobtop .left{width: 80%;padding-left: 2%;}
.mobtop .left img{ display: block;max-width: 100%;}
.menu-button {position: absolute;margin: 5px;height: 36px;width: 36px;right: 10px;top: 7%;}
.menu-left {float: left;}
.sidebar{display: none;width: 100%;height: 100%;margin: 0;position: fixed;top: 0;z-index: 9999;}
.menu-button i{font-size: 30px;color: #c51429}
.sidebar nav{float: left;width: 140px;height: 1000px;margin-left: -140px;color: white;background:rgba(0,0,0,0.8);z-index: 887;}
.sidebar h6 {margin: 1.2em;padding: 0 2%;color: #fff;font-weight: bold;font-size: 16px;line-height: 25px;}
.sidebar h6 p{font-size: 14px;font-weight: normal;color: #ddd;}
.sidebar ul{padding:0 5px; }
.sidebar li a{display: block;text-align: center;line-height: 40px;color: #fff !important;border-bottom: 1px solid rgba(255,255,255,.5);transition:.4s;}
.sidebar li a:hover{background: #444;}
/*电脑大图*/
.banner {position: relative;height: auto !important;top:0;}
/*手机站大图样式*/ 
/*index_01*/
.in_01{height: auto;overflow: hidden;padding: 3% 0;background: #2d2e37;}
.intita{height: auto;overflow: hidden;text-align: center;color:#fff;}
.intita span{display: block;font-size: 36px;line-height: 55px;}
.intita p{line-height: 30px;}
.in01a{height: auto;overflow: hidden;border-bottom: 1px solid #1f1f25;margin-top: 2%;}
.in01a ul{width: 70%;margin:0 auto;}
.in01a ul .ppp{ width: 14.28%;}
.in01a li{position: relative; line-height: 48px;height: 50px; text-align: center; overflow: hidden;transition:.4s;}
.in01a li a{display: block;color: #999999 !important;transition:.4s;}
.in01a li::before{content: '';position: absolute; top: 48px;left:0; background: #d71f3f;width:0px;height: 2px;transition:.4s;}
.in01a li:hover::before{width: 100%;}
.in01a li:hover a{color: #d71f3f !important;}
.in01b{height: auto;overflow: hidden;margin-top:4%;}
.in01b .col-lg-3{padding-left: 0.5% !important;padding-right: 0.5% !important;}
.in01b .col-md-3{padding-left: 0.5% !important;padding-right: 0.5% !important;}
.in01b .col-sm-6{padding-left: 0.5% !important;padding-right: 0.5% !important;}
.in01b .col-xs-6{padding-left: 0.5% !important;padding-right: 0.5% !important;}
.in01b li{overflow: hidden;margin-bottom: 4%;transition:all 0.6s ease 0s;color: #fff;text-align: center;border-bottom: 3px solid #464646;}
.in01b li:hover em{background: rgba(0,0,0,0.4);opacity: 1;}
.in01b li:hover i{width: 130px;height: 130px;}
.in01b li img{display: block;max-width: 100%;transition:.4s;margin:0 a;}
.infonta{height: auto;overflow: hidden;padding:2% 6%;}
.infonta span{display: block;font-size: 16px;line-height: 40px;}
.infontaa{height: auto;overflow: hidden;margin: 4% 0;}
.infontaa a{float: left;color: #fff !important; display: block;width: 120px;line-height: 32px;text-align: center;background: #d71f3f;border: 1px solid #d71f3f;border-radius: 60px; margin:0 4%;transition:.4s;}
.infontaa a:hover{background: #6c6d73;border: 1px solid #6c6d73;}
.infontaa a:first-child{border: 1px solid #6c6d73;background: none}
.infontaa a:first-child:hover{background: #d71f3f;border: 1px solid #d71f3f}
.inimgb{height: auto;overflow: hidden;position: relative;}
.inimgb em{display: block; position: absolute;z-index: 88;opacity: 0; width: 100%;height: 100%;background: rgba(0,0,0,0);transition:.4s;}

.inimgb em i{display: block;width: 240px;height: 240px;padding-top: 30px;margin: auto;background: rgba(215,31,63,0.6);text-align: center;border-radius: 120px;transition: .4s;position: absolute;left: 0;right: 0;top: 0;bottom: 0;}
.inimgb em img{display: block;margin:0 auto;}
/*index_02*/
.in_02{height: auto;overflow: hidden;padding: 3% 0;background: url(../images/in02bg.jpg) left bottom no-repeat #f6f6f6;}
.intitb{height: auto;overflow: hidden;margin-bottom: 4%;}
.intitb strong{display: block;font-size: 50px;line-height: 60px;text-transform:uppercase;font-weight: normal;color: #444;}
.intitb span{display: block;font-size: 32px;line-height: 70px;}
.intitb span b{color: #d71f3f;font-weight: normal;}
.intitb p{line-height: 30px;color: #777;}
.in02a{height: auto;overflow: hidden;}
.in02a .col-lg-6{padding-left: 0px !important;padding-right: 0px !important;}
.in02a .col-md-6{padding-left: 0px !important;padding-right: 0px !important;}
.in02aa{height: auto;overflow: hidden; background: rgba(187,28,20,0.8);color: #f7f7f7;}
.in02aa li{height: auto;overflow: hidden; padding: 6%;}
.in02aa li:nth-of-type(1){padding-left: 6%  !important;}
.in02aa li span{float: left;font-size: 76px;}
.in02aa li p{font-size: 16px;line-height: 35px;}
.more{clear: both; font-size: 16px;margin-left: 6%; border-bottom: 1px solid #c99da3;line-height: 50px;width: 180px;margin-bottom: 6%;}
.more i{float: right;}
.more a{display: block;color: #f7f7f7 !important;transition:.4s;}
.more a:hover{margin-left: 4%;}
/*index_03*/
.in_03{position: relative; height: auto;overflow: hidden;padding: 3% 0;background: url(../images/in03bg.jpg) center no-repeat;}
.in03a{position: absolute;z-index: 1;bottom: 0;}
.in03b{position: relative;z-index: 2;height: auto;overflow: hidden;}
.in03bb img{display: block;max-width: 100%;}
.in03ba{line-height: 40px;color: #777;font-size: 16px;}
.in03c{position: relative;z-index: 3;height: auto;overflow: hidden;width: 60%; margin:-18% auto 0 auto;background: rgba(187,28,20,0.8);color: #f7f7f7;padding:2% 4%;}
.in03c em{display: block;float: left;width: 60px;height: 60px;border-radius: 60px;background: #fff;text-align: center;margin-right: 3%;}
.in03c em i{font-size: 46px;color: #444;}
.in03c strong{display: block;font-size: 22px;line-height: 35px;}
.in03c p{font-size: 16px;line-height: 30px;}

/*index_04*/
.in_04{width: 100%; height: auto; overflow: hidden; padding: 3% 0;}
.in_04 .index-title{ text-align: center; padding: 60px 0 12px; margin-top: 10px; margin-bottom: 55px;}
.in_04 .index-title h1{ font-size: 36px;margin-bottom: 16px; font-weight: bold;}
.in_04 .index-title p{ font-size: 18px;}
.in_04 .index-title h1,
.in_04 .index-title p{color: #fff;}
.in_04 ul{display: flex; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; padding: 0 30px 80px;}
.in_04 ul li{flex: 1; text-align: center; background: #f9f9f9; margin-right: 7px; padding: 61px 40px; transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease;}
.in_04 ul li:last-child{margin-right: 0;}
.in_04 ul li .icon img{/* width: .8rem; */ transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease;}
.in_04 ul li .info{text-align: center;}
.in_04 ul li .info h3{font-size: 24px; color: #333; margin: 40px auto 20px;}
.in_04 ul li .info .desc{font-size: 18px; color: #666; line-height: 32px;}
.in_04 .info .line{width: 27px; height: 3px; background: #c51429; margin: 0 auto 20px; display: block;}
.in_04 ul li:hover .icon img{transform: rotateY(180deg);}
.in_04 ul li:hover{box-shadow: 0 2px 20px rgba(0, 0, 0, 0.15); transform: translateY(-5px); -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px);}

/*index_05*/
.in_05{height: auto;overflow: hidden;padding: 3% 0 1% 0;background: url(../images/in05bg.jpg)center no-repeat;}
.in_05 .intitb{ margin-bottom: 0%;}
.in_05 ul{height: auto;overflow: hidden;padding:2% 0;}
.in_05 ul li{transition:.4s;padding: 4% !important;background: #f8f8f8;box-shadow: 0px 0px 12px #ccc;margin-bottom: 20px;}
.in_05 ul li:hover i{background: #bb1c14;color: #fff;}
.in_05 ul li:hover {background: #eee;box-shadow: 2px 2px 12px #ccc;}
.infontc{height: auto;overflow: hidden;transition:.4s;}
.in05a{height: auto;overflow: hidden;}
.in05a span{float: left;font-size:68px;margin-right: 1%;line-height: 60px;}
.in05a p{font-size: 15px;line-height: 30px;}
.in05b {height: auto;overflow: hidden;margin-top: 2%;}
.in05b p{line-height:25px;color: #777;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -moz-box; -moz-line-clamp: 2;  -moz-box-orient: vertical; overflow-wrap: break-word; word-break: break-all; white-space: normal; overflow: hidden;}
.in05b i{display: block; width: 60px;line-height: 60px;background: #fff;border-radius: 60px;text-align: center;transition:.4s;float: right;margin:2% 0;}

/*脚步样式*/
.footer{clear: both; height:auto;overflow: hidden;background: #1c1c1c; padding:2% 0;}
.footlo{ width: 30%!important;}
.footlo .flogo{ max-height: 80px; margin: 30px 0;}
.foota{height: auto;overflow: hidden;border-left: 1px solid #363636;border-right: 1px solid #363636;padding: 2% 0}
.foota ul{height: auto;overflow: hidden;}
.foota li{float: left; line-height: 30px; padding-left: 120px;}
.foota li span{display: block;font-size: 16px;}
.foota li span a{color: #fff !important;}
.fmenu{height: auto;overflow: hidden;}
.fmenu p{ color: #767676;}
.fmenu a{display: block;color: #767676 !important;transition:.4s;}
.fmenu a:hover{color: #fff !important;}
.footbot{ padding: 10px 0; background:#141414;line-height: 200%; text-align: center; color: #767676;}
.footb{ margin-left: 2%; text-align: center;padding-top: 2%;}
.footb span{display: block;margin:0 auto;line-height: 40px;color: #767676;}
.footb img{ max-width: 135px;}

.footnav{right: 0;bottom: 0;float: left;width: 100%;position: fixed;background:#555;color:#fff;z-index: 888;}
.footnav li{float: left;text-align: center; width: 25%;text-align: center;color: #fff;}
.footnav li:nth-of-type(1){background: #444}
.footnav li:nth-of-type(3){background: #666}
.footnav li i{font-size: 20px;}
.footnav li span{display: block;line-height: 20px;}
.footnav li a{display: block; color: #fff !important;padding-top:4%;}
.footnav li a:hover{color: #ffb40b}

/*内页公共*/
.lxban{position: relative; height: 480px;overflow: hidden;background: url(../images/lxban.jpg) center no-repeat;padding-top: 60px;}
.bana{width: 100%;color: #fff; background: rgba(0,0,0,0.6);line-height: 45px;position: absolute;bottom: 0;}
.bana span{display: block;float: left;}
.location{float: right;}
.location a{color: #fff !important;}
.content{line-height: 30px;}
/*简介*/
.nynr img{ max-width: 100%; height: auto;}.content{line-height: 30px;}
.comtit{height: auto;overflow: hidden;margin-bottom: 2%;}
.comtit strong{display: block;font-size: 34px;line-height: 50px;}
.comtit i{display: block;width: 10px;border-top: 2px solid #e50012;margin:2% 0;}
.content img{display: block;max-width: 100%; height: auto!important; margin:0 auto;}
.content p{color: #777;}
.de-page-mian{height: auto;overflow: hidden;padding: 2% 0;}
/*新闻*/
.newslist{height: auto;overflow: hidden;padding: 2% 0;}
.newslist li{position: relative; height: auto;overflow: hidden;margin-bottom: 1%;}
.newslist li a{display: block;height: auto;overflow: hidden;position: relative;border: 1px solid #e7e7e7;transition:.4s;}
.newslist li span{display: block;font-size: 16px;}
.newslist li img{width: 100%; height: 100%; object-fit: cover; transition: all 1s ease;}
.newslist li b{position: absolute;z-index: 0; height: 100%;width: 0;background: #f2f2f2;transition:.6s;}
.newslist li:hover a{border: 1px solid #f2f2f2;}
.newslist li:hover img{transform: scale3D(1.1, 1.1, 1.1)}
.newslist li:hover b{width: 100%;}
.newslist .col-lg-3{padding-left: 0px !important;padding-right: 0.5% !important;}
.newslist .col-md-3{padding-left: 0px !important;padding-right: 0.5% !important;}
.imga{height: 220px;overflow: hidden;background: #fff;}
.newsa{height: auto;overflow: hidden;}
.newsa span{display: block;font-size: 16px;line-height: 30px;margin:3% 0;}
.newsa p{line-height: 30px;color: #777;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -moz-box; -moz-line-clamp: 2;  -moz-box-orient: vertical; overflow-wrap: break-word; word-break: break-all; white-space: normal; overflow: hidden;}
.newsa i{display: block;line-height: 30px;margin-top: 2%;}
/*新闻详情*/
.newsinfoa{height: auto;overflow: hidden;margin-bottom: 5%;}
.newsinfoa strong{display: block; text-align: center;font-size: 20px;margin-top: 40px; font-weight: bold;color: #4c4c4c;margin-bottom: 23px;line-height: 32px;}
.meta{line-height: 35px;height: 35px;overflow: hidden;border: 1px solid #dbdbdb;border-width: 1px 0;font-size: 12px;color: #808080;text-align: center;}
.newsaa {height: auto;overflow: hidden;}
.newsaa img{display: block; height: auto; margin:2% auto;max-width: 100%;}
.newsaa  p{line-height: 30px;}
.newsinfob{padding: 2% 0;height: auto;overflow: hidden;}
.newsinfob strong{display: block;font-size: 22px;line-height: 60px;}
.newsinfob li{height: auto;overflow: hidden;margin-bottom: 20px;background: #f1f1f1;padding: 15px;transition:.4s;}
.newsinfob li:hover{background: #e93429;color: #fff;}
.newsinfob li:hover span{color: #fff;}
.newsinfob li:hover p{color: #fff;}
.newsinfob li img{width: 100%; height: 200px; object-fit: cover;}
.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 li{float: left;width: 50%;line-height: 35px;border-top: 1px solid #dbdbdb;padding-top: 2%;}
#prev_next li a{transition:.4s;}
#prev_next li:hover a{color: #be000e !important;}
/*产品*/
.type{height: auto;overflow: hidden;border-bottom: 1px solid #e0e0e0;margin-bottom: 2%;}
.type li{float: left;position: relative; padding: 0 1%;overflow: hidden;transition:.4s;}
.type li a{ display: block; transition: .4s; font-size: 18px; border: 1px solid #e0e0e0; margin: 15px 0; padding: 10px 20px; border-radius: 10px;}
.type li::after{content: "";position: absolute;bottom: 0;left: 0;width: 0%;height: 2px;background: #c51429;z-index: 8;transition: .4s;}
.type li:hover::after{width: 100%;}
.type li:hover a{color: #c51429 !important; border: 1px solid #c51429;}
.productb{height: auto;overflow: hidden;}
.public{height: auto;overflow: hidden;padding-top: 2%; padding-bottom: 5%; background: #f6f6f6;}
.prolist{height: auto;overflow: hidden;margin:2% 0;}
.prolist .col-md-4{padding-left: 0.5% !important;padding-right: 0.5% !important;}
.prolist li{height: auto;overflow: hidden;border: 2px solid #ececec;margin-bottom: 4%;}
.prolist li:hover {border: 2px solid #e50012;}
.prolist li:hover img{transform:scale(1.05,1.05);}
.prolist li:hover b{background: rgba(0,0,0,0.3);}
.prolist li:hover em{background: #e50012;color: #fff;}
.prolist li img{display: block;width: 100%;height: 100%; object-fit: cover; transition:all 0.6s ease 0s;}
.prolist li b{position: absolute;z-index: 88;background: rgba(0,0,0,0);width: 100%;height: 100%;transition:.4s;}
.pfontp{height: auto;overflow: hidden;margin:4%;}
.pfontp span{display: block;font-size: 16px;line-height: 40px;}
.pfontp em{float: right;background: #ececec;width: 110px;text-align: center; text-transform: uppercase;font-size: 14px;color: #e50012;transition:.4s;}

.pimga{width: 100%;height: 240px;overflow: hidden;position: relative;}
/*产品详情*/
.proa{height: auto;overflow: hidden;margin-bottom: 4%;background: #fff;}
.proa .col-lg-6{padding-right: 0px !important; height: 500px;}
.proa .col-md-6{padding-right: 0px !important;}
.proa img{width: 100%; height: 100%; object-fit: cover;}
.proaa{height: auto;overflow: hidden;}
.proab{height: auto;overflow: hidden;margin-left:2%;padding-top: 4%;}
.proab strong{display: block;font-size: 22px;line-height: 40px;}
.proab b{font-weight: normal;color: #777;}
.proab em{display: block; line-height: 30px;color: #666;}
.online li{text-align: center;margin:4% 0;}
.online li i{color: #c51429;font-size: 42px;}
.online li span{display: block;font-size: 12px;}



.prob{position: relative;overflow: hidden;}
.prob .col-lg-3{padding-right: 0.5% !important;}
.prob .col-md-3{padding-right: 0.5% !important;}
.prob .col-lg-9{padding-left: 0.5% !important;padding-right: 0px !important;}
.prob .col-md-9{padding-left: 0.5% !important;padding-right: 0px !important;}
.side{height: auto;overflow: hidden;}
.side ul{height: auto;overflow: hidden;padding: 4%;background: #FFF;border-bottom: 5px solid #ececeb; margin-bottom: 4% !important;}
.side ul li{line-height: 40px;border-bottom: 1px dashed #dfdfdf;padding-left:4%;transition:.4s;}
.side ul li:last-child{border-bottom:none;}
.side ul li:hover{background:#c51429;}
.side ul li:hover a{color: #fff !important;}
.side ul li a{display: block;}
.side dl{height: auto;overflow: hidden;padding: 4%;background: #fff;border-bottom: 5px solid #ececeb; margin-bottom: 4% !important;}
.side dl dd{margin-bottom: 2%;text-align: center;}
.side dl dd img{display: block;width: 100%; height: 100%; object-fit: cover; border: 1px solid #f7f7f7;}
.side dl dd:hover span{background: #c51429;color: #fff;}
.side dl dd span{display: block;line-height: 45px;background: #fff;transition:.4s;}


.sidetit{position: relative; background:#c51429;text-align:center;}
.sidetit strong{display: block;font-size: 36px;color: #ca3f4c;font-family: impact;}
.sidetit span{display: block;font-size: 30px;color: #f7f7f7;font-weight: bold; position: absolute;z-index: 88;top:10%;left: 30%;}
.sidea{height: auto;overflow: hidden;padding:6%;background: #fff;border-bottom: 5px solid #ececeb;}
.sidea p{line-height: 30px;}
.sidea span{display: block;line-height: 35px;}

.proba{height: 60px;overflow: hidden;background: #f7f7f7;line-height: 60px;position: relative;z-index: 88;}
.proba li{float: left;width: 25%;}
.proba li a{display: block;text-align: center;transition:.4s;font-size: 15px;}
.proba li:hover a {background:  #c51429;color: #fff !important;}
.probb{height: auto;overflow: hidden;background: #fff;padding: 2%;}
.probb .content p{color: #777;}
.ptit{height: auto;overflow: hidden;margin-bottom: 4%;border-bottom: 1px solid #eee;text-align: center;padding-bottom: 4%;}
.ptit span{display: block;font-size: 22px;line-height: 40px;color: #c51429;}
.ptit p{color: #777;}
.proc{height: auto;overflow: hidden;margin: 4% 0;}
.prod{height: auto;overflow: hidden;margin-bottom: 4%;}
.prod li{text-align: center;}
.prod li i{color: #c51429;font-size: 54px;}
.prod li span{display: block;font-size: 18px;line-height: 55px;}
.prod li p{color: #777;}


.proe{height: auto;overflow: hidden;margin-bottom: 4%;}
.profimg{height: 200px;overflow: hidden;}

/*联系*/
.contacta{height: auto;overflow: hidden;padding: 2% 0;}
.contactaa{height: auto;overflow: hidden;padding: 2% 0;}
.contactaa li{height: auto;overflow: hidden;padding: 12% 0;background:  #f8f8f8;text-align: center;box-shadow: 0px 0px 6px #ccc;}
.contactaa li i{display: block;font-size: 38px;color: #e50113;}
.contactaa li span{display: block;line-height: 20px;margin-bottom: 2%; }
.contactaa li p{line-height:40px;font-size: 16px;color:#777;}

.contactb{height: auto;overflow: hidden;padding-top: 2%;}
.proh{height: auto;overflow: hidden;margin-top:2%;background: #f8f8f8;padding: 2% 0;}
.forma{height: auto;overflow: hidden;}
.forma input{float: left;width: 50%; margin:1% 0; line-height: 40px;padding-left: 2%;border: 1px solid #e6e6e6;}
.forma input:last-child{margin-right: 0px;}
.form-tr{margin-top: 2%;}


.online_kefu{ position: fixed;  bottom: 20vh;right:0px;z-index:889;}
.online_kefu p{font-size:12px;}
.online_kefu ul li{ width:60px; height:60px; text-align: center;border-bottom: 1px solid #444; position: relative;background:rgba(0,0,0,0.7); color: #fff; cursor: pointer; transition: background-color .2s linear 0s;perspective:1000;transform-style:preserve-3d;}
.online_kefu li i{font-size: 24px;}
.online_kefu ul li a{ color: #fff !important; display: block;}
.online_kefu ul li .con{ position: relative; line-height:60px;}
.online_kefu ul li .hover_con{ position: absolute;  left:-200px;left:-100px;width: 100px;color: #ffffff;text-align: center;background:rgba(0,0,0,0.9);height:40px; line-height:40px; 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: -100px;}
.online_kefu ul li.qrcode .hover_con p{ color: #fff; line-height:24px;font-size:12px;}
.online_kefu li:hover{background-color: #d52026;}
.online_kefu li:hover .hover_con{left:-130px; transform:rotateY(0deg);}
.online_kefu li .hover_con:before{width: 0px;height: 0px;border: 8px solid transparent;border-left: 8px solid #444; 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;}

@media (max-width: 1600px) {
  .index-box-4 ul li .info .desc {font-size: 16px;}
}

@media (max-width: 1500px) {
  .index-box-4 ul li .info .desc { font-size: 15px;}
  .index-box-4 ul li { padding: 61px 20px;}
  .index-box-4 ul li .info h3 { font-size: 22px;}
}

@media (max-width: 1440px) {
  .index-box-4 ul li { padding: 50px 10px;}
}

@media (max-width: 1024px) {
  .index-box-4 ul { display: inline-block; padding: 0 0 40px; margin: 0 5%;}
  .index-box-4 ul li { padding: 34px 0; display: inline-block; width: 100%; margin-bottom: 10px;}
}

@media (max-width: 768px) {
  .index-box-4 ul li .info .desc { font-size: 14px;}
  .in_04 .index-title{ padding: 40px 0 12px;}
  .footlo{ width: 100%!important;}
  .footlo .flogo{ margin: 0; max-height: 45px;}
  .footlo img{ max-height: 45px;}
}

@media (max-width: 425px) {
  .index-box-4 .index-title{padding: 50px 15px 0;} 
  .index-box-4 ul li .info h3{margin: 20px auto;} 
  .index-box-4 ul li{padding: 30px 0;} 
  .index-box-4 ul li .info{padding: 0 15px;} 
  .index-box-4 ul li .info .desc{font-size: 15px;} 
  .index-box-4 ul{padding: 0 0 50px;}
}

@media (max-width: 414px) {
  .index-box-4 ul li .info .desc { font-size: 14px;}
}
@media (max-width:1024px){
  .index-box-4{margin: 40px auto;}
}

.common-inner .inner-right .de-message{overflow: hidden;}
.common-inner .inner-right .de-message .mes-form{overflow: hidden;margin:2% 0;}
.common-inner .inner-right .de-message .mes-form .form-tr{overflow: hidden;}
.common-inner .inner-right .de-message .mes-form .form-tr input{display: block; width: 90%; padding:0 2%; height: 40px; line-height: 40px;background: #fff; border: 1px solid #e6e6e6;}
.common-inner .inner-right .de-message .mes-form .form-tr textarea{display: block; padding-left:2%;width: 100%; height: 90px;background: #fff;line-height: 35px; border: 1px solid #e6e6e6;}
.common-inner .inner-right .de-message .mes-form .form-tr .code{overflow: hidden;}
.common-inner .inner-right .de-message .mes-form .form-tr .code input{width: 188px; float: left;}
.common-inner .inner-right .de-message .mes-form .form-tr .code .verify{cursor: pointer; float: left; margin:0 25px; width: 120px; height: 40px; line-height: 40px; text-align: center;}
.common-inner .inner-right .de-message .mes-form .form-tr .code .verify img{display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%;}
.common-inner .inner-right .de-message .mes-form .form-tr .submit{float: left; display: block; width: 190px; height: 40px; text-align: center; line-height: 40px; background: #e50113; color: #fff !important; font-size: 15px;}
.common-inner .inner-right .de-message .mes-form .form-tr .submit:hover{background: #0058b1;}
.de-page-mian{overflow: hidden; text-align: center;}
.de-page-mian .page-inner{display: inline-block; overflow: hidden;}
.de-page-mian .page-inner a{display: block; float: left; min-width: 26px; padding: 0 12px; margin: 0 1px; height: 36px; border: 1px solid #dddddd; background: #fff; text-align: center; line-height: 36px; font-size: 14px; color: #333; overflow: hidden;}
.de-page-mian .page-inner a.page-num-current,
.de-page-mian .page-inner a:hover{color: #fff !important; border-color: #e50012; background: #e50012;}
.de-page-mian .page-inner a.prev{margin-right: 10px; background: #fff url(../images/prev.jpg) no-repeat center;}
.de-page-mian .page-inner a.prev:hover{background-color: #fff; border-color: #dddddd;}
.de-page-mian .page-inner a.next{margin-left: 10px; margin-right: 15px; background: #fff url(../images/next.jpg) no-repeat center;}
.de-page-mian .page-inner a.next.on{background: #fff url(../images/next-hover.jpg) no-repeat center;}
.de-page-mian .page-inner a.next:hover{background-color: #fff; border-color: #dddddd;}
.de-page-mian .page-inner span{display: block; font-size: 12px; color: #333; float: left; line-height: 38px;}